seungjun.dev

전체 글

  1. React의 영원한 숙제, Stale Closure 완벽 이해하기

    ReactReact

  2. [React] 디버깅의 편의성을 높이는 displayName

    ReactReact · display_name · 디버깅

  3. 테스트, TDD에 대한 관심과 현실적인 고민

    소프트웨어 아키텍처TDD · devops · 리팩토링

  4. Storybook 알아보기

    테스팅React · storybook · 테스트

  5. [React] Fragment

    ReactReact · fragment

  6. [React] Context API

    ReactContext API · React

  7. Docker가 뭐에요?

    DevOpsCI/CD · docker

  8. OAuth 개념과 사용법 정리

    웹 공통OAuth

  9. 프론트엔드 테스트 입문기

    소프트웨어 아키텍처RTL · React · storybook

  10. 프록시와 Vite 환경에서 CORS 문제 회피하는 법

    웹 공통CORS · vite · 프록시

  11. HTTP

    웹 공통HTTP

  12. CORS가 뭐야?

    Node.jsCORS · Node.js

  13. 프론트엔드 빌드 도구와 번들러 작동 원리

    웹 공통AST · vite · webpack

  14. 위치 정보를 DB에 저장하는 방법

    데이터베이스mysql · 데이터베이스 · 위치 정보

  15. [React] useEffect로 fetch 할 때 마주할 수 있는 세 가지 함정

    ReactFetch · React · useEffect

  16. [React] 가상 DOM

    ReactDOM · React

  17. Feature 기반 MVC 패턴 디렉토리 구조

    소프트웨어 아키텍처MVC · 설계패턴

  18. 모노레포

    소프트웨어 아키텍처모노레포 · 폴리레포 · 프로젝트 관리

  19. JWT (JSON Web Token)

    웹 공통JWT · 인증

  20. Node.js Passport 라이브러리

    Node.jsNode.js · passport · 인증

  21. Node.js와 MySQL 연동하기

    Node.jsmysql · Node.js

  22. Event 객체 & 고급 이벤트 기법

    JavaScriptEvent · JavaScript

  23. [JavaScript/Node.js] 이벤트 루프

    JavaScriptJavaScript · Node.js · 이벤트 루프

  24. 부스트캠프 웹·모바일 10기 웹 풀스택 멤버십 합격

    네이버 커넥트재단 부스트캠프 웹・모바일 10기 웹 풀스택네이버 · 부스트캠프 · 풀스택

  25. 비동기 방식의 어려운 점들

    Node.jsNode.js · 비동기

  26. 비동기 처리를 위한 Promise/EventEmitter 도입의 고충

    Node.jsEventEmitter · Node.js · promise

  27. 멀티 스레딩 vs 비동기

    운영체제멀티 스레딩 · 비동기 · 운영체제

  28. Node.js 모듈 시스템

    Node.jsNode.js · 모듈

  29. Node.js 프로그램에서 터미널 명령어 실행하기

    Node.jschild_process · Node.js · 터미널

  30. Git의 명령어 작동 방식

    GitGit · 명령어

  31. Git 내부 구조

    GitGit

  32. Git Objects

    GitGit · object

  33. 유사도와 거리

    데이터베이스거리 · 데이터베이스 · 벡터

  34. 벡터 데이터베이스

    데이터베이스데이터베이스 · 벡터

  35. 벡터 검색 및 인덱싱

    데이터베이스ANN · k-NN · 데이터베이스

  36. 벡터 임베딩

    데이터베이스데이터베이스 · 벡터

  37. TCP로 구현한 동일한 구조를 UDP로 구현할 수 있을까?

    네트워크UDP · TCP · 네트워크

  38. 네이버 부스트캠프 웹・모바일 10기 챌린지 수료했어요

    네이버 커넥트재단 부스트캠프 웹・모바일 10기 웹 풀스택네이버 · 부스트캠프 · 챌린지

  39. Node.js에서 TCP 방식으로 10KB 이상의 대용량 데이터 다루기

    Node.jsNode.js · TCP · 네트워크

  40. Node.js TCP 스트림 문제 해결

    Node.jsNode.js · TCP · 네트워크

  41. SimpleFS 가상 파일 시스템

    운영체제SimpleFS · unix · 운영체제

  42. Node.js 파일 I/O

    Node.jsJavaScript · 입출력 · 파일 시스템

  43. 절대 경로 vs 상대 경로

    운영체제경로 · 운영체제 · 파일 시스템

  44. 객체지향 핵심 개념/특징 정리

    프로그래밍 언어론객체 · 객체지향 · 다형성

  45. 클래스, 오브젝트, 인스턴스

    프로그래밍 언어론객체지향 · 오브젝트 · 인스턴스

  46. macOS의 메모리 구조와 가상 메모리 관리법

    운영체제macOS · 가상 메모리 · 메모리

  47. 메모리 관리 관점으로 본 스택 & 힙 메모리

    운영체제메모리 · 스택 · 운영체제

  48. Node.js의 프로세스 메모리 관리 방식

    Node.jsNode.js · 메모리 · 메모리 관리

  49. 정규 표현식 (Regex)

    프로그래밍 언어론정규 표현식

  50. DOM 파서

    JavaScriptDOM · JavaScript · 컴파일러론

  51. 파서 (Parser)

    프로그래밍 언어론컴파일러 · 파서 · 파싱

  52. XML과 JSON

    프로그래밍 언어론XML · JSON

  53. 리눅스의 디렉토리 권한

    운영체제권한 · 디렉토리 · 리눅스

  54. JS로 불변성을 가지는 해시 맵 만들어보기

    자료구조JavaScript · 불변성 · 연결 리스트

  55. JS로 불변성을 가지는 연결 리스트 만들어보기

    자료구조JavaScript · 불변성 · 연결 리스트

  56. 오직 함수로만 짜는 게 함수형 프로그래밍의 정의일까?

    프로그래밍 언어론객체지향 · 함수 · 함수형 프로그래밍

  57. 함수형 프로그래밍의 특징 정리

    프로그래밍 언어론불변성 · 순수 함수 · 참조 투명성

  58. 해시 맵 (해시 테이블)

    자료구조자료구조 · 해시 · 해시 맵

  59. 반복문을 대체하는 JS 고차 함수들

    JavaScriptJavaScript · Map · filter

  60. Atomics 객체

    JavaScriptAtomics · JavaScript · 동기화

  61. [JavaScript] ArrayBuffer & SharedArrayBuffer

    JavaScriptJavaScript · SharedArrayBuffer · arraybuffer

  62. worker_threads 모듈

    Node.jsJavaScript · worker_threads · 멀티 스레딩

  63. IPC (Inter-Process Communication / 프로세스 간 통신)

    운영체제IPC · 운영체제 · 프로세스

  64. 레이스 컨디션을 해결하기 위한 동기화 기법 정리

    운영체제동기화 · 레이스 컨디션 · 뮤텍스

  65. 레이스 컨디션

    운영체제레이스 컨디션 · 운영체제

  66. 동시성과 병렬성

    운영체제동시성 · 병렬성 · 운영체제

  67. 컨텍스트 스위칭

    운영체제스레드 · 운영체제 · 컨텍스트 스위칭

  68. 프로세스와 스레드

    운영체제스레드 · 운영체제 · 프로세스

  69. JS로 레이스 컨디션 시뮬레이터 만들기

    운영체제JavaScript · Node.js · 동기화

  70. 개발자 기준 해피해킹 리뷰

    내 장비키보드 · 해피해킹

  71. 네이버 부스트캠프 10기 베이직을 마치며

    네이버 커넥트재단 부스트캠프 웹・모바일 10기 웹 풀스택네이버 · 베이직 · 부스트캠프

  72. JavaScript 최대공약수, 최소공배수

    PSJavaScript · 유클리드호제법 · 최대공약수

  73. Thumbs Up! 👍 - 당신의 최고의 썸네일 메이커

    프로젝트React · konva · Tailwind CSS

  74. [Python] 수 2개 입력받기에서 Tuple의 사용 유무 차이

    PS알고리즘 · Python

  75. [MLSA] Welcome Aboard! - 본격적인 참여

    Microsoft Learn Student AmbassadorsMLSA

  76. [MLSA] Welcome Aboard! - 등록

    Microsoft Learn Student AmbassadorsMLSA

  77. [MLSA] Microsoft Learn Student Ambassadors 합격

    Microsoft Learn Student AmbassadorsMLSA · 마이크로소프트

  78. [코드잇] 코드잇과 함께 100일도 안남은 2023년 불태우기 🔥

    코드잇 앰배서더 1기

  79. [코드잇] 단기간에 왕초보를 코딩 고수로 만드는 코드잇의 비법은?

    코드잇 앰배서더 1기코드잇

  80. [코드잇] 코드잇과 함께 공부 습관 기르기

    코드잇 앰배서더 1기디자인 · 코드잇

  81. [코드잇] 공강 시간을 알차게!!

    코드잇 앰배서더 1기

  82. [코드잇] 코딩 공부를 망설이는 모든 사람들에게

    코드잇 앰배서더 1기코드잇

  83. [React] 벨로그처럼 태그 기능 만들기

    ReactReact · Tailwind CSS · TypeScript

  84. DEVOCEAN YOUNG 8월 전용 세미나 후기

    DEVOCEAN YOUNG데보션영 · 세미나

  85. [코드잇] 대학생 코딩 캠프 13기 모집

    코드잇 앰배서더 1기코드잇

  86. 코드잇과 함께 성장하는 여정

    코드잇 앰배서더 1기코드잇

  87. [DEVOCEAN YOUNG] SK Telecom 미래기술 체험관 T.um(티움) 체험 후기

    DEVOCEAN YOUNGSK텔레콤 · 데보션영

  88. DEVOCEAN YOUNG 전용 밋업 후기

    DEVOCEAN YOUNG데보션영

  89. [React] MediaPipe Hands 웹에서 띄워보기

    ReactAI · React · mediapipe

  90. [자료구조/C++] 이진 트리 탐색 구현

    자료구조C++ · 이진 트리 · 자료구조

  91. [자료구조/C++] 연결 리스트로 이진 트리 만들기

    자료구조C++ · 연결 리스트 · 이진 트리

  92. [React] Portal로 쉽게 Modal 만들어보기

    ReactJavaScript · Portal · React

  93. [React] textarea 높이 자동 조절

    ReactJavaScript · React · useRef

  94. [자료구조/C++] 연결 리스트

    자료구조C++ · 연결 리스트 · 자료구조

  95. [자료구조/C++] Stack

    자료구조C++ · 스택 · 자료구조

  96. [자료구조/C++] 반복을 재귀로 바꿔보자

    자료구조C++ · 자료구조 · 재귀

  97. [React] 자동 로그인 구현하기 (useEffect())

    ReactJavaScript · React · useEffect

  98. [JavaScript] +가 변수 앞에 붙는 이유는?

    JavaScriptJavaScript · web

  99. [React] 조건에 따라 배열 렌더링하기

    ReactJavaScript · React · web

  100. [React] 정말 헷갈리는 부모 자식간 데이터 전달

    ReactReact · web

  101. [DEVOCEAN YOUNG] 뜨거웠던 발대식 후기

    DEVOCEAN YOUNG데보션영

  102. [C++] 총알 피하기 게임 제작 3주차 (마지막)

    C/C++C++ · sfml

  103. [C++] 총알 피하기 게임 제작 2주차

    C/C++C++ · sfml

  104. [C++] 총알 피하기 게임 제작 1주차

    C/C++C++ · sfml

  105. 데보션 굿즈 후기

    학교생활데보션영

  106. [C++] 두 물체 충돌 구현

    C/C++C++ · sfml

  107. [Flutter] map방식은 for loop보다 느릴 수 있다

    Flutterflutter

  108. 학부 1학년이 해커톤에?

    학교생활해커톤

  109. C - 문자열에서 각 단어 가져오기

    C/C++C

  110. C언어 - 탐색

    C/C++C · 알고리즘 · 탐색

  111. C언어 - 선택 정렬

    C/C++C · 알고리즘

  112. C언어 - 대문자 소문자 간 변환

    C/C++C

  113. C언어 Express 9장 #09

    C/C++C

  114. C언어 Express 9장 #05

    개별 기록C · 재귀

  115. C언어 Express 8장 #14

    C/C++C

  116. C언어 Express 7장 #05

    C/C++C

  117. 비트 이동 연산 및 OR연산 사용 예제

    C/C++C

  118. C언어 Express 5장 #03

    C/C++C

  119. C언어 Express 9장 #06

    C/C++C · 재귀

  120. C언어 Express 9장 #08

    C/C++C · 재귀

  121. 동기적 그리고 비동기적

    Node.jsJavaScript · Node.js

  122. 백준 2446번 - Python

    PSPython · 백준

  123. 백준 2445번 - Python

    PSPython · 백준

  124. Javascript에서의 리팩터링에 대해

    JavaScriptJavaScript · web · 생활코딩

  125. 첫 게시물

    학교생활