관성적으로 api 연동할 때마다 사용했던 Promise 개념을 처음부터 끝까지 한 번에 정리해보고자 합니다. 비동기 연산의 상태(state)와 결과(result)를 나타내는 객체new 생성자를 통해 생성되며 생성과 동시에 실행 Pending: 비동기 처리가 진행중이면

맨날 많이 들어보고, 얼레벌레 알고 있던 개념들을 이번에 제대로 정리해보고 싶어서글로 남겨봅니다-☆ Document Object Model의 약자마크업 언어로 작성된 문서(html, ml)를 프로그래밍 언어(javascript)가 조작할 수 있도록 하는 인터페이스계층적

린트는 사실 그동안 GPT나 팀원들이 세팅해준 설정을 그대로 가져다 쓰는 경우가 많았다.예전에 한 번 린트를 전혀 사용하지 않고 프로젝트를 진행한 적이 있었는데,그때는 코드 포맷이 조금만 어긋나도 직접 줄 맞추고, 띄어쓰기 하나하나 신경 쓰느라 꽤 스트레스를 받았다.그

프로젝트마다 커밋 컨벤션을 정해두고도, 프로젝트가 끝나고 커밋 로그를 보면 항상 띄어쓰기나 기호 같은 작은 디테일이 무너져 있는 사람이 있다. 그게 바로 나다. 이를 고치기 위해 팀 노션을 항상 열어두고 커밋을 작성했지만, 솔직히 너무 번거로웠다.누가 강제로 커밋 좀

프론트엔드 부트캠프가 끝나고 노션과 메모장 등 여기저기 막 휘갈겨 쓴 기록물들을 정리해보니, 나만의 개인 프로젝트가 없었다!팀 프로젝트를 많이 한 건 아니지만, 정작 온전히 나 혼자 기획하고 개발한 프로젝트가 존재하지 않았다. 그래서 이번에 처음부터 끝까지 나 혼자 만

실행 컨텍스트를 이해하기 위해서 알아야할 개념이 많이 있습니다. 근데 공부해도 뒤 돌아서면 까먹는 나란 아이.. 비정상 일까요..? 이제는 더이상 물러날 곳이 없다..!이번에는 실행 컨텍스트를 공부하며 함께 등장했던 개념들을 차근차근 정리해보려 합니다.자바스크립트에서

“브라우저”,,, 익숙하지만, 정확히 설명하라 하면 막막한 단어 아닐까요?저는 그저 ‘browse= 훑어보다’라는 뜻처럼, 우리가 보는 인터넷에서 어떤 정보를 훑어보는 것으로만 대충 알았습니다.또한 저의 렌더링지식은 아주 얕고 좁은데 공부하면 할수록, 그 얕고 좁은 지

혹시 useEffect가 언제 호출되는지 모르고 얼레벌레 사용하는 사람 있나요..? 이상 자기소개였습니다.이제는 더 이상 물러날 곳이 없다!이번에는 useEffect를 낱낱이 파헤쳐 보겠습니다.useEffect는 외부 시스템과 컴포넌트를 동기화하는 React 훅입니다.

들어가며 이제 FSD가 프론트엔드 프로젝트에 사용하기 적합하다는 것을 알게 되었습니다. 근데 그 다음은 어떻게 하면 좋을까요.? 막상 entites, shared, features는 어떻게 구분하고 그 안에는 어떤 slice를 넣으면 좋을지 모르겠습니다. 각각의

이 말을 아시나요? 제가 만들어낸 말입니다. 다른 사람의 코드를 볼 때마다, 과거의 내가 짠 코드를 볼 때마다 어디에 뭐가 있는지 모든게 리셋되서 파일을 찾는데 단단히 지쳐버렸습니다... 이제는 FSD를 받아들이기로 했습니다. Feature Sliced Design로