도입​

24년 시작과 동시에 나는 새롭게 시작하는 프로젝트에서 프론트엔드 리드 개발자 역할을 수행하게 되었다.

그리고 늘 그렇듯 프로젝트가 마무리 되어가는 시점에서 24년에 대해 회고를 해보자고 한다.

도입​

어느 무더운 날, 팀장님이 팀원들을 회의실로 소집했다.

개발팀 어셈블!

그 이유는 운영 중인 서비스와 앞으로 개발 할 서비스의 서버를 분리하자고 하셨고, FE 개발과 DevOps 직무를 병행하고 있는 나는 새로운 환경을 구성했다.

새로운 환경을 구성하고 보니... 새로운 브랜치 전략이 필요하다는 생각이 들었다.

도입​

현 회사에서 FE 개발자로 개발하면서 많은 페이지를 개발하고, 그 과정에서 공통적으로 사용하는 기능을 공통 컴포넌트로 만드는 작업을 했다.

이렇게 공통 컴포넌트들을 만들다 보니 문득 NPM에 내가 만든 컴포넌트를 올려보고 싶어졌고, 이 포스트를 통해 그 과정을 기록하려고 한다.

도입​

제가 유리하게 편집한 내용입니다. 😉

이직 후 n개월 차. 누군가 나에게 보낸 경고장이다.

도입​

---

이직 후 점점 적응을 하고, 개발을 하면서 현 회사의 환경에 익숙해 지는 과정에서 새로운 개발 환경을 구성하는 업무를 담당하게 되었고, 업무를 수행하는 과정에서 눈에 거슬리는게 있었다.

바로 서버 별로있는 Jenkins Job들과 Source안에 SH 파일(shell script)가 있다는 것이였다.

전 회사에서 심심할 때 CI/CD를 개선하는 작업을 했던 나에게 뭔가 결심을 하게 만들었다.

도입​

---

JS에서 사용되는 개념인 Hoisting 에 대해서 정리를 하고자 한다.

---

MDN에서 아주 친절하게 누군가 물어보면 "변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 옮기는 것" 이렇게 설명 하라고 작성되어 있다.

도입​

---

Q. js에서 비동기 대해 설명해주세요

A. 네? 비동기요? 비동기가 어떻게 이루어지는 지를 말씀히시는건가요?

Q. 네 뭐든요.

A. 이벤트 루프 어쩌구 저쩌구 프로미스 어저꾸 저쩌구 async, await 주저리주저리..

Q. Ajax 아시죠?

A. 네. Ajax는 비동기 통신을 위한 저는 JQuery 어저꾸 저쩌구 (뇌는 하얗게 변함 🤯)

Q. 콜백 지옥이라고 들어보셨죠?

A. 네. 콜백은 호출하는 함수를 파라미터로 전달에서 어떠한 동작이 끝나고 호출

Q. 개발하시면서 콜백 지옥을 경험해본적은?

A. (이미 뇌는 멈췄다) 어... 그러니까...

Q. ...

A. ...

---

대략 이런 대화였다. 지금 와서 생각해보면 JS 특징과 JS가 어떻게 비동기 처리를 하는지 알고 있는지를 물어보려고 하신 거 같다. 아마 실제 답을 할 때는 나 스스로 정리도 안 되고 내 머릿속에서 떠다니는 단편적인 지식을 조합해서 대답했다.

도입​

---

Q. React로 개발을 하셨는데 한 함수(Event Handler) 내에서 같은 상태를 2번 변경하면 어떻게 되나요? 그리고 랜더링은 몇번 이루어 지나요?

A. 음..? (왜 똑같은 상태를 2번 바꾸지? 의미가 있나?) 어.. 일단 마지막에 변경된 값으로 상태가 변합니다. 랜더링은 1번 이루어 질거라고 생각합니다.

Q. 왜요?

A. 어... 그러니까.. 음 한번도 같은 상태를 연속으로 바꾼적이... 아마 지연?

Q. 아.. 네

---

위 Q&A는 내가 면접 때 질문을 듣고 대답한 내용이다.
내가 FE 개발자로 React를 공부했다고 하면서 이런 질문에 다시는 얼버무리지 않기 위해 정리하고자 한다.