본문 바로가기

개발자

JAVASCRIPT 2022. 1. 19.
니꼬샘 자바스크립트 강의 : padStart, padEnd (feat. 숫자채우기) 글자채우기의 혁명을 보았도다. 내가 이렇게 흥분하는 이유는 아래설명을 보면 이해할 것이다. 아래와 같이 지각생명단에 도착한 시간정보를 적게했다. 단 한글자인 경우에는 무조건 2자리수에 맞춰서 앞에 0이 들어가야한다. 지각생명단 1 보라돌이 08:45:07 2 뚜비 08:55:09 3 나나 08:57:59 4 뽀 09:05:19 기존의 나였다면, 1) 일단 글자를 자르고, 000000001) : padEnd() : 글자 뒤에 붙여줌 ( ex. 1 ----> 100000000) - 사용법 : 코드만 보면 무조건 알수 있기 때문에 예제로 바로 보여드림 const textpadStart =(text)=>{ return text.padStart(5,"*"); } const textpadEnd =(text)=>{ ..
오류분석 :a.k.a 삽질 2022. 1. 19.
무섭도록 못 찾는 오류 : 원인은 ( ) - feat.자바스크립트 간단한 스크립트 예제를 테스트 하는 도중 자주 실수하는 부분이 있어 정리해놓는다. 거두절미하고, 자바스크립트로 시계를 만드는 예제를 만들었다. const clock = document.querySelector("h2#clock"); const getTime = () => { const date = new Date(); clock.innerText = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`; }; getTime(); setInterval(getTime(), 1000); 소스를 보면 전혀 문제 없어보이는데 동작하지 않는다. 또 하나의 예제가 있다. 버튼을 클릭시, 멘트 안내하는 간단한 자바스크립트다. const loginBtn = do..
JAVASCRIPT 2022. 1. 12.
Conditionals 확실히 알고있어? : 헷갈리는 개념 복습! JS 챌린지 문제는 유출하지 못하게 명시되어 있으므로, 해당 개념과 비슷한 예제를 사용하여 설명드림을 양해바랍니다. * 강의 출처 및 MDN 출처, 예제출처는 하단에 표기합니다. 자바스크립트를 한다고 하는데도 아직 많이 부족한 걸 느껴서 그런지 여기저기 강의고 자료고 찾아보다가 재미삼아 챌린지 도전을 하고있는데... 내가 이렇게 빡세게 공부한적이 있었던가?? (국비교육과정마저도 널널했던 기억이 난다.) 아침마다 메일로 오는 과제 체크하고 강의 진도 확인하고 문제 풀고 (생각외로 기본지식이 있는건지 현재까지는 무난하게 통과중...) 너무재밌자냐 강의를 들으면서 if / elseif / else 문법을 설명하는게 아니라 기본 개념중에 헷갈리는 부분이 있어 정리한다. [예제] const test = () =>..
blahblahblah 2022. 1. 11.
2021년의 회고 블로그 검색을 하다보니, 연말에 한해를 돌아보는 회고록을 쓰더라. 작년에는 블로그는 전혀 하지 않아서 그동안 내가 공부했던 흔적이나 그동안 느꼈던 걸 볼수 없어서 아쉬울뿐이지만 큰사건이 유난히 많던 한 해길래 나도 한번 소소하게나마 정리하고자 한다 내년회고에는 더욱더 알찬 한해를 보내고 뿌듯한 마음으로 썼으면 좋겠다. 번아웃증후군 +우울증 발발.(2021.03) 그동안 너무 혹독하게 나를 몰아세우며 회사일에 집중하던 순간에 감정을 주체하지 못하기 시작했다. 예민했고, 신경이 날카로웠으며 쉽게 화를 냈다. 그렇게한다고 붙잡고 있는 일은 절대 앞으로 가지 않았으며 그에따라 더욱더 예민해지는 악순환이 반복되었다. 여유를 느낄만한 상황에도 항상 불안해했으며 그때부터 잠을 자지 못했다. 결국, 나는 회사일을 좀 ..
JAVASCRIPT 2022. 1. 10.
'use strict'을 발견했다면? : strict모드에 관하여 업무 배정 전에 기존 소스를 분석하는 시간을 가지는데 js 상단에 use strict 선언이 있었다. 처음에 1도 이해못하고 js에 이렇게 선언했는데 왜 오류를 안뱉지 하고 찾아보다가 strict 모드를 알게되었다. 1. use strict 가 뭐야? - strict 의 정의를 보면 '엄격한'이라는 뜻을 내포하고 있기때문에 쉽게 말하면 기존 자바스크립트보다 엄격하게 관리하겠다 하는 모드로써 기존에는 오류를 뱉지 않았던 예외처리등도 규칙에 따라 오류를 보여준다. - ES6에서는 default로 strict모드를 사용함. 2. 사용법 : 원하는 곳에 "use strict"; (또는 'use strict';) 를 선언 1] 함수내 선언 : 해당 함수블록만 strict 를 적용할 수 있음 function str..
나만또모르지 : 유용한 사이트 2022. 1. 7.
나만또 시리즈 시작! 아니, 현업에 있으면서도 눈이 이리 어두워서야 좋은 사이트 및 정보들이 그득그득한데도 눈가리고 오로지 이클립스만 고집함 (일에서만큼은 초보수적인 나란인간) 그래서 나만또모르지 시리즈를 만들게됐다. 1. 나만알수 없지 : 정보공유 2. 또 까먹으니까 메모메모 !! 3. 공유하기 위해 새롭게 트랜드분석까지 일석삼조의 효과를 기대하면서 ㅎㅎㅎㅎ 좋은거 있으면 다같이 나눕시다. : )
JAVASCRIPT 2022. 1. 6.
.filter() 써봅니다... feat . MDN 아 어디서부터 여기까지 흘러왔는지 글을 정리하려고 쓰다보니 쓸게 한두개가 아님. 발단은 "두개의 배열 A , B 에서 A안에 없는 B값을 구하라" 요것이었지. 물론, 기반지식 1도 없는 나는 이리저리 찾아보다가 좋은 블로그를 하나 발견했는데 여기서 답을 찾다가 "으잉?" 하는 문법을 보게됨. (아직 부족한 코린이... 연차에 비해 지식이 낮아요) https://soft91.tistory.com/84 [Javascript] 두 배열의 대한 비교 방법 [Javascript] 두 배열의 대한 비교 방법 실무에서나 알고리즘의 대한 공부를 할 때 두 배열의 대한 비교나 교집합(Intersection), 차집합(Difference)은 정말 많이 사용되는 것 같다. 특히 알고리즘을 풀 soft91.tistory.co..
JAVASCRIPT 2022. 1. 6.
var를 쓰는것만 고집한다면? - const, let 자바스크립트를 사용하면서 그동안 var만 죽어라 고집했던 사람으로써, 처음 이직후 소스를 보고 충격을 받았던 기억은 아직도 생생함 ( 하긴, 이직한지 며칠밖에 안되서 ㅋㅋㅋㅋ충격은 여전) const 와 let 의 개념을 알지 못하니 계속 var로 쓰는데 문제가 없었기에 상관하지 않았는데 오히려 var를 쓰는게 지양하는 추세라니(그것도 한참전부터) 그저 우물안에서 얼마나 갇혀있었는지 경력이 아깝다 var 는 모든 변수를 아우르는 명칭이다. 재선언 재할당 가능, 모든 변수를 쉽게 설정할 수 있는 마법의 용어로 인식되어 자바스크립트가 쉽고 편하게 사용할 수 있다라는 인식에 큰 기여를 하였다. 하지만 var 변수 선언에는 문제가 있다. 상단에 정의한 것처럼 재선언이 가능하다는 것!! [예제] function t..
blahblahblah 2022. 1. 4.
3년차 개발자로써 느끼는 점(2022년판) 내가 썼던 글들을 차마 다시 읽을수 없다는게 함정....( 흑역사방출기로구나..) 항상 개발자 혹은 유튭으로 접하는 유튜버들은 자기관리의 하나로써 블로그관리를 꼽았었다. 내가 지나온 기록을 한번 살펴볼수 있어서 그리고 성장해가는 다른 누군가를 위해서 도움이 될수 있을거라는 생각. 하지만 그것도 상황과 내 의지가 있어야 받춰주는 일이란 걸 깨달았다.(너무 늦게깨달은게 죄아니면 죄) 지금까지 그래도 3년시간동안 느꼈던걸 한번 정리했다. 물론, 아직 코린이인 나는 내년 내후년에도 보고도 후회할수도 ㅠㅠㅠ 1. 한 회사에서 3년정도 있었다고 해서 자신감은 금물. (자존감은 다른거다. ) 밖에 날아다니고 로켓쏘는 개발자들 수두룩함. - 니가 회사에서 대우받는 이유는 회사내에서 자주 쓰는 방식과 매일 비슷한 오류상..
오류분석 :a.k.a 삽질 2019. 5. 19.
간단하지만 위치 잘모르면 저처럼 날려먹어요:ORACLE 테스트를 하다가, 데이터 컬럼 하나가 비어서 나는 오류였던 것이다. 개발용이라 내부에서 쓸 데이터라 따로 제목/내용할 것 없이, 그냥 제목데이터를 복붙해주기로 했다 아래와 같이, 제목에 있는 데이터를 내용으로 옮길려고 TABLE : TEST 제목(title) 내용(content) 제목1 null 제목2 null UPDATE TEST(테이블 이름) SET TITLE = CONTENT; 이랬더니, 제목데이터들이 null로 죄다 바뀌었다..... commit 전이라 롤백했지만 이거 맞는거 아녀..? 라고 생각했지만.. UPDATE TEST(테이블 이름) SET CONTENT= TITLE; 이게 맞는것. 위치가 중요한거였다 ( 왼쪽 : 데이터를 받은 컬럼 = 오른쪽: 데이터를 넣어준 컬럼) UPDATE TEST..

티스토리툴바