전체 글 75

3년차 프론트엔드 개발자 2024년 회고

근황 2024년은 한라산 등반으로 시작했다. 동네에 있는 산도 잘 올라가지도 않는데 갑자기 한라산을 등반하려니, 덕분에 다리에 쥐가 두 번이나 나는 신기한 경험을 했다. 얼마나 힘들었던지, 올라가는 중간에 먹은 참치마요 삼각김밥이 으로 등극했다. 평지에서는 절대로 그 맛을 느끼지 못할 것이다. 한라산에 오르며 백록담 정상에서 본 풍경은 정말 신비롭고 아름다워서 마치 다른 세상 같았다. 5시간 걸려서 올라갔고, 내려올 때는 눈길을 뛰어 내려와서 2시간 반이 걸렸다. 7시간 30분 정도 걸린 한라산 등반은 꽤 좋은 추억으로 남았다. 2024년에 드디어 독립하여 혼자 살게 되었다. 회사에서 10분 거리의 집으로 이사를 갔는데 출근길을 걸어(뛰어) 다니니까 사람 많은 지하철을 타지 않아도 되어서 너무 좋았다. ..

회고 2025.01.12

React Batching이란?

Batching이란?React가 성능상의 이점을 누리기 위해 여러 개의 state 업데이트를 한 번의 리렌더링에 묶어서 수행하는 것을 말한다. React 17까지는 이벤트 핸들러에서만 batching이 일어났다.// Before React 18 only React events were batchedfunction handleClick() { setCount(c => c + 1); setFlag(f => !f); // React will only re-render once at the end (that's batching!)}setTimeout(() => { setCount(c => c + 1); setFlag(f => !f); // React will render twice, once for ..

React 2024.08.06

리액트 컴파일러 (React Compiler) 알아보기

이 문서는 React Compiler가 무엇인지 알아보기 위해 여러 자료들을 수집해서 정리해 놓은 것입니다. React Compiler가 무엇인지 궁금하신 분들에게 도움이 되었으면 합니다. React Compiler 소식 많은 사람들이 React Compiler는 React 19에 등장할 것이라고 예상했습니다. 하지만 리액트 팀의 Joe Savona는 React 19에서는 Compiler가 등장하지 않을 것이라고 합니다. Compiler가 리액트에 적용되는 시기는 2024년 말쯤으로 예상되고 있지만 더 늦어질 수도 있습니다. Compiler의 등장 시기보다 더 중요한 것은 '리액트팀이 왜 Compiler를 적용시키려고 하는가?' 입니다. 지금부터 차근차근 알아가 보겠습니다. Compiler가 왜 등장했을..

React 2024.04.14

주니어 프론트엔드 개발자 2023년 회고

2022년 회고 : https://d-cron.tistory.com/73 신입 프론트엔드 개발자 2022년 회고2022년은 나에게 꽤나 의미 있는 해였다. 2022년의 나의 여정을 돌아보기 위해서는 2021년 11월부터 시작해야 한다. 혼자 개발공부를 하는 게 어렵다는 것을 깨달은 나는 당장 취업에 초점이 맞춰져d-cron.tistory.com 작년보다 발전한 부분코드 리뷰2022년에는 코드 리뷰가 굉장히 어렵고 부담되는 일이었다. 팀원분들은 나의 PR에 코드 리뷰를 정말 잘해주시는 상황이었고, 나 역시 코드 리뷰를 통해 팀원들께 도움이 되고 싶다는 생각을 항상 가지고 있었지만 실력이 부족했다. 타인이 짠 코드를 이해하는데 대단히 많은 시간이 들었고, 업무도 적응해 가는 중인데 코드 리뷰까지 해야 하니 ..

회고 2024.01.01

ref 와 state 차이

본 내용은 리액트 공식문서를 번역한 것으로 오역이나 의역이 있을 수 있습니다. Refs 활용법 컴포넌트에 Ref를 다는 법 import { useRef } from 'react'; 컴포넌트 안에서 useRef를 불러와서 초기값을 지정할 수 있습니다. const ref = useRef(0); useRef는 아래와 같은 객체를 반환합니다. { current: 0; } current 값에 ref.current 프로퍼티를 이용해서 접근할 수 있습니다. 이 값은 의도적으로 mutable 합니다. 즉, 변화가 가능한 값입니다. 이것은 마치 리액트가 트래킹하지 않는 비밀 주머니와 같습니다. ref는 state 처럼 string, object, function 등을 가리킬 수 있습니다. ref는 state와 달리 순수..

React 2023.03.04

신입 프론트엔드 개발자 2022년 회고

2022년은 나에게 꽤나 의미 있는 해였다. 2022년의 나의 여정을 돌아보기 위해서는 2021년 11월부터 시작해야 한다. 혼자 개발공부를 하는 게 어렵다는 것을 깨달은 나는 당장 취업에 초점이 맞춰져 있는 다른 부트캠프들과는 달리, 지식을 가르쳐주는 것이 아니라 스스로 성장할 수 있는 개발자를 기르는 과정이라는 정글의 모토가 마음에 들어서 지원하고 합격하게 되었다(요새는 부트캠프도 시험 보고 면접도 본다는 사실!). 정글 소개 기숙사 생활을 해야 했기 때문에 서울에서 ktx를 타고 한 손에는 캐리어를, 한 손에는 두꺼운 이불을 들고 대전으로 내려갔던 것이 생생하게 기억이 난다. 설렘 반 두려움 반으로 2021년 11월 1일에 문지캠퍼스 기숙사에 입소했다. 5개월 동안 대전에서 지내면서 얻은 것이 굉장..

회고 2022.12.30

[week13] KOCW 운영체제(반효경교수님) - File System Implementation 2

File systems implementation 2 Page cache and buffer cache 운영체제가 file입출력을 할 때 사용자 프로그램의 요청을 받아서 disk에서 읽어온 내용을 그냥 전달하는 게 아니라 자신의 buffer cache 영역에 읽어놓고, 그 내용을 copy로 넘겨주기 때문에 다음번에 동일한 file data에 대한 read, write system call이 오면, disk까지 가지않고 buffer cache에서 처리한다. 예전에는 sector단위는 512byte였다. 최근에는 buffer cache가 page cache와 통합이 되면서 buffer cache에서 사용하는 단위도 4KB를 사용한다(unified buffer cache). unified buffer cach..