e5a2e8d0-d5e6-409a-9398-2c7b05b4129b

오랜만에 글을 쓰는 기분이다. 기술적인 내용을 주로 비공개로 정리해왔지만, 정식으로 글을 작성하는 건 대략 일년 반 만이다. 그동안의 경험과 생각을 정리할 필요성을 느껴, 오랜만에 글을 쓰기로 했다.2024년 1월, 나는 프론트엔드 주니어 개발자로 일하던 회사를 퇴사했

2024-04-03T07:41:36.223Z

2024-04-17T03:04:56.399Z

0

a26b9497-b1bc-40af-a57e-025796945f92

var let const 차이?가장 큰차이는 scope. var 는 함수 level scope, 나머지는 블록 level scope. 그 외 차이는 재선언과 재할당에 대해 설명.그렇다면 함수 내에서는 var와 let이 차이가 없는지?hoisting에서 차이가 날 것이다

https://velog.velcdn.com/images/serenity/post/51b7af55-47cd-48c8-a873-9fc3b7b9a46e/image.png

2022-08-06T07:26:45.856Z

2024-04-11T14:56:11.394Z

0

12763d18-cfdf-4a1c-ae9a-eedc96d48e3c

오늘 면접에서 받았던 질문 중에 Redux를 왜 사용하였는가, 또 Redux-toolkit에 thunk가 내장되어 있는데 saga를 미들웨어로 사용한 이유가 무엇인가에 대한 질문을 받았다. 내가 답한 답변은 프로젝트 규모가 작을 시에는 Redux를 사용해 전역상태로 상

https://velog.velcdn.com/images/serenity/post/87ab5839-41f1-4cff-9c29-ee15a4cac8a2/image.png

2022-07-25T16:34:00.385Z

2024-04-16T14:06:13.611Z

0

6eb8383a-54a2-4f07-ac1d-86723f10a209

면접 과제 중 코딩테스트 문제가 8개가 있었는데, 그 중 다른 문제는 쉽게 풀 수 있었으나 패턴을 파악하는데 시간이 조금 걸렸던 문제가 있어 이를 정리해보고자 한다.각 자리의 숫자를 더한값을 원래 숫자에서 빼고 결과가 하단에 나열한 과일코드가 나올때까지 계산하는 코드를

2022-07-24T15:11:29.595Z

2024-04-13T14:37:43.842Z

0

d3a05f4c-d0b7-4657-8470-93945a276b92

리액트 가상돔에 개념에 대해서 정리해보려고 했는데, 블로그마다 말이 다 달라서 개념이 더 혼동되었다. 그래서 내가 궁금했던 건, "가상돔과 실제 돔을 비교를 해서 실제 돔을 업데이트 한다는 것인지" / "이전 가상돔과 업데이트 된 가상돔을 비교해서 이에 대한 diff를

2022-07-09T14:32:27.694Z

2023-11-20T01:49:22.799Z

0

9c765e50-b882-4868-93f7-9d872450eaaa

부트캠프를 할 때에도 배웠지만 당시에는 과제를 제출하기 급급해서 두 렌더링에 대한 차이와 개념을 명확히 이해하기 힘들었었다. 때문에 이를 조금 정리해보고자 한다. 정리를 해보기 전, 드림코딩 유튜브 영상을 먼저 시청하면 좋다. 전체적인 역사의 흐름에 대해서 세세하게

2022-07-08T09:03:18.384Z

2024-04-14T02:41:02.011Z

0

69437f5e-2f76-4361-89ab-bd4aaa3714c6

이전 게시물인 callback, Promise, async/await에 대해 정리하다 TypeScript를 왜 사용하는 지에 대해 조금 알게 되었다.내가 작성하는 코드에서 callback으로 넘겨주는 인자 값들이 어떤 값인지 제어를 해줄 필요가 있었는데 예를 들어 "빈

https://velog.velcdn.com/images/serenity/post/8515b37f-faa2-4713-a265-9ecb4b990739/image.png

2022-07-06T13:42:33.677Z

2024-04-17T05:27:22.338Z

4

62a612a0-2104-401e-a6f3-cd25c5a60f52

이전 편에 이어서 작성해보는 비동기의 HighLight.. 비동기의 꽃 🌸 async / await 🌸에 대해 정리해보고자 한다.Promise를 조금 더 간결하고 간편하게 작성해주기 위한 문법..!아래 사진처럼 "동기적"으로 실행되는 것처럼 보이게 만드는 문법이다

https://velog.velcdn.com/images/serenity/post/e60d7662-b53c-408e-844a-e096ffde91f0/image.png

2022-07-06T11:06:03.951Z

2023-11-04T13:06:59.868Z

0

3f944d0a-444f-47c1-84ba-521cc0c0427b

8개월이라는 시간동안 계속해서 정확한 비동기의 개념과 callback함수 그리고 Promise, async/await에 대해 완벽히 이해를 하지 못하고 있었는데, 면접 질문에서 단골 질문으로 나오는 부분이기에 제대로 정리 및 이해하고자 글을 쓰게 되었다.코딩이 익숙해진

2022-07-06T08:25:32.252Z

2024-04-17T06:15:34.309Z

0

0627469d-9f7b-4968-bbf4-1db4547cd8c9

React의 개념과 장점, 컴포넌트란?재사용성있는 컴포넌트를 만드는 것이 중요한 이유아토믹 디자인?내부 작동 원리는 어떻게 되는가 (virtual dom)라이프사이클리렌더링이 일어나는 조건은?나의 관점에서 리액트란?성능상 어떻게 개선할 수 있는지

2022-07-04T08:50:19.948Z

2024-04-02T05:18:41.876Z

0