Today I Learned

자바스크립트의 호이스팅과 클로저에 대해 이해가 잘 가지 않아 정리해보았습니다.

브라우저에서 주소창에 URL을 쳤을 때, 어떤 과정을 거쳐 우리에게 웹 페이지를 보여주는지 한 번 살펴보았다.

오늘은 어제 배웠던 이벤트 루프에 대하여 정리해보았다. 자바스크립트는 싱글 스레드 언어임에도 불구하고 버튼을 클릭하는 등 브라우저의 DOM과 상호작용이 실시간으로 이루어진다. 어떻게 이런식으로 동작할 수 있는지 궁금해서 정리해보았다.싱글스레드는 쉽게 말하자면 콜스택이

틀린 정보가 있을 수 있습니다. 지적은 언제든지 환영합니다. Today I Learned > 평소에 코드를 작성할 때 주로 클래스를 만들고, 클래스 내부에서 뭔가를 다루는 형태로 사용을 했었다. 리액트의 useState도 그렇고, 최대한 불변성을 보장받을 수 있도록 라

파이썬 라이브러리를 참고하여 힙 구현 연습하기

그래프의 표현 방법과 그래프 탐색 알고리즘을 소개하고, 그 원리에 대해서 짧게 정리했다.

이번 일주일동안 배운 것들을 정리하는 시간을 가졌다.

오늘은 그래프 탐색 알고리즘에 관련된 문제를 해결하였다. 문제를 해결하면서 발생했던 이슈들과, 사고 과정들을 한번 정리해 보고자 한다.

오늘은 자바스크립트 ES6부터 바뀐 이터러블 객체의 순회 방법과 iterables, iterator에 대하여 공부했다.

HTML과, CSS, DOM에 대하여 짤막하게 정리해보았습니다.

자바스크립트의 this 호출 방식에 따른 this의 종류에 대해 정리해봤습니다.

바닐라 자바스크립트로 컴포넌트를 만들고 다루는 법에 대하여 공부했다.

오늘도 어제에 이어서 바닐라 자바스크립트로(타입스크립트로) 컴포넌트를 만드는 연습을 했다.

이번 일주일을 회고하는 글.

오늘은 클라이언트 사이드에 데이터를 저장하는 대표적인 방법인 쿠키와 로컬스토리지, 그리고 세션 스토리지에 대해 공부하였다.

오늘은 자바스크립트의 비동기 처리 방식에 대해 공부하였다.

오늘은(어제는) fetch api를 이용하여 AJAX 통신하는 과정에 대해 공부했다.

오늘은 클라이언트단에서 서버에 페이지를 요청하지 않고 주소를 이동하고 렌더링할 수 있는 history API에 대하여 공부했다.

오늘은 자바스크립트의 this 에 대하여 정리하기로 했다. 어? 분명히 정리했던 것 같은데 왜 또 정리하지?

publish-subscribe 1편

브라우저 렌더링 처리 과정. 2편같은 1편.

이벤트 버블링, 캡쳐링, 델리게이션

이번 일주일이 정리가 안되서 써봤다.

Css 클론코딩 : 프로그래머스 | 코딩테스트 연습 코딩테스트 연습 이번 주 과제는 SCSS를 이용하여 홈페이지를 클론 코딩하는 과제였다. 프로그래머스를 선택한 이유 개발자가 되기 위한 공부를 하는데 가장 많이 들리는 사이트 중 하나가 프로그래머스 코딩 테스트 연습 부분이고, 또 그렙 같은 교육 기업에 가고자 하는 욕심이 있었기 때문에 시도하였다....

정렬 알고리즘 정리.

이번 과제는 주어진 API를 활용하여 영화 검색 사이트를 만드는 것이었다.

탈탈 털렸던 첫 번째 오프라인 면접 스터디에서 느꼈던 문제점들과 개선 방향에 대하여 적어보았습니다.

hook 개요, useState와 useRef의 헷갈릴만한 점들을 정리합니다.

useMemo, useCallback 알아보기 및 최적화 방법

custom hook 개념을 사용하여 useIntersect 만들어보기.

리액트를 공부하면서 느낀점, 어떤 방향으로 공부할지에 대한 개인적인 소견을 담았습니다.

React 오늘 배운 컴포넌트 만들기 및 hook에 대해 정리했습니다.

커스텀 hooks 만들어보기 (계속되는 custom hooks 연습!)

useAsync, useHotkey, 모달 컴포넌트에 대해 공부하였습니다.

useTimeout hook으로 toast 컴포넌트를 만들었지만, 버그 때문에 몇 시간을 헤맸다...

어제부터 팀 프로젝트가 시작되었다!

2일차는 오프라인으로 팀원들을 만나 진행했다.

팀과 함께한 첫 번째 프로젝트에 대한 회고입니다.

next js 맛만보자

오늘 진행한 내용들에 대한 짧막한 정리

7월 11일 TIL

취업과 회사의 테마로 커피챗 주제를 정했는데, 내가 생각한 고민 위주로 커피챗을 진행했다.

next.js에서 로그인 모듈을 구현하면서 겪었던 이슈들과, 그것의 해결 과정을 담았습니다.

데브코스 파이널 프로젝트 회고입니다.

데브코스를 수료하고 난 뒤 작성하는 회고입니다.

IntersectionObserver는 어려워.

리액트 프로젝트 (팀 프로젝트) 리팩토링을 해보자 1편입니다.

리액트 프로젝트를 리팩토링해보자 - 2편

클로저와 그 예시에 대해 조금만 알아보자.

webpack, 그냥 쓰다가 궁금한 점이 생겼다.

개인 프로젝트를 하면서 접근했던 과정들과 생각들을 담은 글입니다. 틀린 내용이 있을 수 있습니다.

react-scripts에서 port가 사용 중일 경우 다른 port로 잡아주는 기능은 어떻게 구현되어 있을까?

XSS, CSRF 관련 내용을 공부해 보았습니다.

코딩테스트 준비 플랫폼 비교. 어느 플랫폼이 적합할까?

기존 프로젝트에서 테스트 커버리지 끌어 올리기

기존의 팀 단위로 진행했던 프로젝트에 대해 리팩토링을 하기로 결정했다.