NPM 저장소에 내가 만든 컴포넌트 업로드 하기
· 12 min read
바보에서 벗어나길 희망하는 자
도입
현 회사에서 FE 개발자로 개발하면서 많은 페이지를 개발하고, 그 과정에서 공통적으로 사용하는 기능을 공통 컴포넌트로 만드는 작업을 했다.
이렇게 공통 컴포넌트들을 만들다 보니 문득 NPM에 내가 만든 컴포넌트를 올려보고 싶어졌고, 이 포스트를 통해 그 과정을 기록하려고 한다.
HOC로 공통 인가 적용하기
· 10 min read
바보에서 벗어나길 희망하는 자
젠킨스 빌드 리팩토링
· 10 min read
바보에서 벗어나길 희망하는 자
도입
이직 후 점점 적응을 하고, 개발을 하면서 현 회사의 환경에 익숙해 지는 과정에서 새로운 개발 환경을 구성하는 업무를 담당하게 되었고, 업무를 수행하는 과정에서 눈에 거슬리는게 있었다.
바로 서버 별로있는 Jenkins Job들과 Source안에 SH 파일(shell script)가 있다는 것이였다.
전 회사에서 심심할 때 CI/CD를 개선하는 작업을 했던 나에게 뭔가 결심을 하게 만들었다.
js 호이스팅
· 4 min read
바보에서 벗어나길 희망하는 자
도입
JS에서 사용되는 개념인 Hoisting 에 대해서 정리를 하고자 한다.
warning
둘리의 호잇 아닙니다.
MDN에서 아주 친절하게 누군가 물어보면 "변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 옮기는 것" 이렇게 설명 하라고 작성되어 있다.
js 비동기 프로그래밍
· 20 min read
바보에서 벗어나길 희망하는 자
도입
Q. js에서 비동기 대해 설명해주세요
A. 네? 비동기요? 비동기가 어떻게 이루어지는 지를 말씀히시는건가요?
Q. 네 뭐든요.
A. 이벤트 루프 어쩌구 저쩌구 프로미스 어저꾸 저쩌구 async, await 주저리주저리..
Q. Ajax 아시죠?
A. 네. Ajax는 비동기 통신을 위한 저는 JQuery 어저꾸 저쩌구 (뇌는 하얗게 변함 🤯)
Q. 콜백 지옥이라고 들어보셨죠?
A. 네. 콜백은 호출하는 함수를 파라미터로 전달에서 어떠한 동작이 끝나고 호출
Q. 개발하시면서 콜백 지옥을 경험해본적은?
A. (이미 뇌는 멈췄다) 어... 그러니까...
Q. ...
A. ...
대략 이런 대화였다. 지금 와서 생각해보면 JS 특징과 JS가 어떻게 비동기 처리를 하는지 알고 있는지를 물어보려고 하신 거 같다. 아마 실제 답을 할 때는 나 스스로 정리도 안 되고 내 머릿속에서 떠다니는 단편적인 지식을 조합해서 대답했다.
React Batch?
· 7 min read
바보에서 벗어나길 희망하는 자
도입
Q. React로 개발을 하셨는데 한 함수(Event Handler) 내에서 같은 상태를 2번 변경하면 어떻게 되나요? 그리고 랜더링은 몇번 이루어 지나요?
A. 음..? (왜 똑같은 상태를 2번 바꾸지? 의미가 있나?) 어.. 일단 마지막에 변경된 값으로 상태가 변합니다. 랜더링은 1번 이루어 질거라고 생각합 니다.
Q. 왜요?
A. 어... 그러니까.. 음 한번도 같은 상태를 연속으로 바꾼적이... 아마 지연?
Q. 아.. 네
위 Q&A는 내가 면접 때 질문을 듣고 대답한 내용이다.
내가 FE 개발자로 React를 공부했다고 하면서 이런 질문에 다시는 얼버무리지 않기 위해 정리하고자 한다.