- 전체보기(85)
- TIL(41)
- programmers(34)
- level1(31)
- 연습문제(27)
- React(14)
- algorithm(10)
- JavaScript(8)
- hooks(5)
- redux(4)
- interview(4)
- CSS(3)
- Union Find(2)
- let(2)
- useCallback(2)
- var(2)
- SSR(2)
- js(2)
- useRef(2)
- Sort(2)
- Two pointers(1)
- generator(1)
- Nomalize CSS(1)
- DP(1)
- floyd-warshall(1)
- Sliding Window(1)
- await(1)
- sessionStorage(1)
- useEffect(1)
- useState(1)
- 조합(1)
- react redux(1)
- async(1)
- network(1)
- tcp(1)
- webpack(1)
- frontend(1)
- hoisting(1)
- ec2(1)
- UDP(1)
- REST API(1)
- JWT(1)
- next(1)
- const(1)
- bug(1)
- BFS(1)
- useContext(1)
- useMemo(1)
- credential(1)
- this(1)
- setTimeout(1)
- cross browsing(1)
- DOM(1)
- redux-middleware(1)
- axios(1)
- tofixed(1)
- level3(1)
- CSR(1)
- localstorage(1)
- execution context(1)
- 삽입정렬(1)
- 실행 컨텍스트(1)
- aws(1)
- Binary Search(1)
- 이진탐색(1)
- Kruskal Algorithm(1)
- cookie(1)
- next.js(1)
- babel(1)
- reset-css(1)
- DFS(1)
- React Responsive(1)
- 월간코드챌린지(1)
- MST(1)
- kadane's algorithm(1)
- FE(1)
- closure(1)
- kakao(1)
- typescript(1)
- Immer(1)
- cors(1)
- 동기/비동기(1)
- 선택정렬(1)
- promise(1)
- 버블정렬(1)
- 불변성(1)
- 순열(1)
- redux thunk(1)
- redux saga(1)
[TIL #41] number가 string이 되는 마법의 toFixed 함수
JavaScript 에서 소수점 반올림을 위해서 사용하는 toFixed 함수의 사용법은 다음과 같다
[TIL #40] React v18 부터 등장한 새로운 hooks
React의 새로운 버전인 18버전은 사실 release 된지는 두달정도 되었지만 (3월 29일에 release 됨) 유튜브 알고리즘을 타고 여기저기 흘러다니던 중,한 영상을 보고 '오.. 새로운 hook이 추가되었구나.. 뭔지 찾아나 볼까' 하고 관련 문서를 찾아봤고
[TIL #39] TCP, UDP 란?
전공 컴퓨터 네트워크 수업시간에 분명 들었었던.. 3-way Handshaking 그림도 그렸던 기억이 나는.. 근데 정작 이게 정확히 뭐였는지는 기억이 안났었던 TCP, UDP에 대해서 알아보자 🏃♂️
[TIL #37] JavaScript의 원시 타입(primitive type)과 참조 타입(reference type)
JavaScript의 Data Type은 크게 원시 타입 (primitive type) 과 참조 타입(reference type) 두가지 형태가 존재한다. 이번 포스트에서 어떤 타입들이 있고 둘의 차이점은 무엇인지 다뤄보자 🏃♀️
[TIL #36] JWT(JSON Web Token) 란?
프로젝트를 진행하면서 로그인 인증을 구현하게 되었는데 JWT(Json Web Token)라는 인증방식을 사용하게 되었는데 최근에 가장 많이 쓰이는 방식이기도 하고 보안 관련한 지식이 필요하다고 생각되어 포스트로 정리하기로 했다 🏃♂️
[TIL #34] 실행 컨텍스트(Execution Context) 란?
Closure에 대해 다뤘던 포스트에서 언급했었던 Execution Context(실행 컨텍스트)에 대해서 알아보자 🏃♂️
[TIL #31] null을 return하는 useRef
토이 프로젝트를 진행하면서 Modal을 구현하고 있는데, Modal의 상단 부분의 높이를 Modal의 하단 부분에 전달하고 싶어서 간단하게 구현해보았다.우선 상단 높이를 저장할 clientHeight state를 생성하고, 상단 부분의 DOM 높이를 측정하기 위해서 u
[AL] 삽입 정렬 (Insertion Sort), 선택 정렬(Selection Sort) - JavaScript
Insertion Sort(삽입 정렬)란 배열의 두번째 값 부터 시작하여 그 왼쪽의 값들과 비교하여 삽입할 위치를 결정하는 정렬 알고리즘이다.
[AL] 거품 정렬 (Bubble Sort) - JavaScript
Bubble Sort (거품 정렬)란 서로 인접한 두 수를 비교하여 더 큰 수를 뒤로 보내서 전체 배열을 오름차순으로 정렬하는 정렬 알고리즘 중 가장 간단한 정렬 알고리즘이다.
모바일에서 localhost API 사용하다가 삽질한 건에 대해
요즘 혼자 진행하고 있는 토이 프로젝트가 있는데 Front, Back을 둘다 구현하는건 오랜만 + 취준 준비로 인해서 상당히 정신없지만 빨리 끝내고 싶은 마음으로 구현을 하고 있다.모바일 웹을 타겟으로 한거라 PC에서는 크게 신경을 안쓰고 코딩하면서 모바일로 바로바로
[TIL #30] 브라우저의 작동 원리
웹 개발자라면 알아두면 좋을 브라우저의 작동 원리에 대해서 한번 다뤄보자🏃♂️ 브라우저 란? 브라우저의 작동 원리에 대해서 다뤄보기 전에 우선 브라우저, 웹 브라우저란 도대체 무엇이고 무슨 역할을 하는지에 대해서 먼저 알아보자.
[TIL #29] this의 바인딩
JavaScript를 공부하다보면 꼭 알아야하는 개념으로 this를 언급하곤 한다. 하지만 JavaScript의 this는 다른 언어와 조금 다르게 동작하고, JavaScript의 함수가 호출되는 방식에 따라 this가 다른 객체를 바인딩 하기 때문에 처음 보면 어렵다
[TIL #28] Cross Browsing이란?
현재 다양한 브라우저가 존재하고 브라우저마다 성향이 다르기 마련인데, W3C에서 채택된 표준을 적용해 사용자가 그 어떤 브라우저를 사용하더라도 사이트를 이용하는데 문제가 없도록 하는 것을 의미한다.
[TIL #27] Closure 란?
앞 포스트에서 다뤘던 Hoisting과 함께 JavaScript 필수 이론격으로 언급되는 Closure에 대해서 다뤄보자🏃♂️
[TIL #26] Hoisting 이란?
JavaScript를 주 언어로 사용하는 개발자라면.. 꼭 알아야 할 개념인, 또한 기술 면접에서도 자주 언급되는 Hoisting에 대해서 다뤄보자 🏃♂️