Processing math: 100%
2025년 2월 회고
Life/회고2025. 3. 10. 22:072025년 2월 회고

인턴 지원저번 달에 이어 이번 달에도 인턴 지원서를 냈다. 당근 윈터테크 인턴십, 네이버랩스 인턴십저번 달에 이미 불합격 소식이 나왔지만 회고록에 작성하지 못했다. 이 때 작성했던 이력서를 계속 사용했던 것이 이후로도 좋지 않은 결과를 가져온 것 같다. 이력서에 했던 경험을 많이 못 담아냈고, 무엇보다 왜 꼭 인턴십을 하고 싶은지, 지원하는 기업에 가야하는지에 대한 목표 등을 적지 않아 어필이 제대로 되지 않았던 것 같다. 특히 당근은 본사에 오프라인으로 직접 참여도 해서 더 아쉬움이 남았던 것 같다. 오프라인 세션을 들으면서 정말 당근에서 일 하고 싶었던 이유가 생겼는데, 어째서인지 지원서나 이력서를 작성할 때만 되면 까먹고 엉뚱하게 작성해서 제출한다. 이것도 기록을 생활화하지 않아서 그렇다고 생각한다..

[React] Scroll event부터 Intersection Observer API까지
Web, Front-end/문제 해결2025. 3. 6. 00:15[React] Scroll event부터 Intersection Observer API까지

개요Denamu 서비스를 개발하면서 포스트를 보여주는 기능을 만들어야 했다. 여러 페이지네이션 방식 중 무한 스크롤 방식이 있다는 것을 알게 되었고, 서비스와 결이 맞는 것 같아 구현해보기로 했다. 인터넷에서 찾아보니 Intersection Observer API와 React Query 조합이 많이 사용되는 것을 알게 되었고, 이 방식으로 무한 스크롤을 구현했다. 나중에 추가적으로 자료를 찾아보니 Intersection Observer API가 리플로우를 방지한다는 사실을 알게 되었고, 이게 왜 그런지 궁금증이 생겼다. 사실 최신 기술만 접하게 되다보면 이전 방식의 문제점과 기술이 어떻게 발전해왔는지 이해하기 어렵다. 그래서 무한 스크롤 구현 기술이 어떻게 발전해왔는지 살펴보고자 한다. 예전에 주로 사용..

부스트캠프 리팩토링 기간 회고
Life/네이버 부스트캠프2025. 3. 2. 23:59부스트캠프 리팩토링 기간 회고

리팩토링 주간?원래는 부스트캠프가 12월에 수료를 마치고, 공식적인 일정이 더 이상 없다.https://laurent.tistory.com/entry/%EB%84%A4%EC%9D%B4%EB%B2%84-%EB%B6%80%EC%8A%A4%ED%8A%B8%EC%BA%A0%ED%94%84-9%EA%B8%B0-%EC%9B%B9-%ED%92%80%EC%8A%A4%ED%83%9D-%EA%B3%BC%EC%A0%95-%ED%9B%84%EA%B8%B0 네이버 부스트캠프 9기 웹 풀스택 과정 후기네이버 부스트캠프 9기가 드디어 끝났다. 2024년 올해 가장 큰 이벤트였던 대외활동이자 부트캠프가 성황리에 마무리되었다. 올해 6월부터 계속 이 과정 하나에만 매달릴 정도로 정신 없었고 할laurent.tistory.com 하지만..

[Network] HTTP/0.9
CSE/네트워크 (network)2025. 2. 22. 17:19[Network] HTTP/0.9

🔖 HTTP 이해HTTP를 제대로 이해하기 위해서는 현재의 사양을 단순히 학습하는 것보다, 이 프로토콜이 어떻게 발전해왔는지 그 역사적 맥락을 살펴보는 것이 도움이 된다. HTTP는 본질적으로 데이터를 주고받는 통신 프로토콜로, 메서드와 경로, 헤더, 바디, 그리고 상태 코드라는 요소들로 구성되어 있다. HTTP는 1990년 최초 구현된 이후 꾸준히 진화해왔다. 최초의 HTTP/0.9는 단순히 HTML 문서를 주고받는 기능만 있었지만, 점차 폼 전송, 정보 갱신, 실시간 채팅 등 다양한 기능이 추가되면서 HTTP/1.0, HTTP/1.1, 그리고 HTTP/2로 발전했다. 특히 HTTP/0.9라는 이름은 HTTP/1.0이 등장한 후에 붙여진 것으로, 이는 1.0 이전 버전임을 나타내기 위함이었다.  🔖..

[Network] HTTP와 HTTPS
CSE/네트워크 (network)2025. 2. 4. 21:42[Network] HTTP와 HTTPS

HTTP와 HTTPS는 웹을 구성하는 가장 기본적인 프로토콜이다. 웹 브라우저로 웹 페이지를 열 때마다 HTTP나 HTTPS를 통해 서버와 통신한다. 주소창에서 흔히 보는 http://와 https://가 바로 이 프로토콜을 나타낸다. 이 두 프로토콜의 가장 큰 차이점은 보안이다. HTTP는 텍스트를 암호화하지 않은 채로 주고받기 때문에 누군가 중간에서 내용을 들여다보거나 변조할 수 있다. 반면 HTTPS는 데이터를 암호화해 전송하므로 중간에서 정보를 가로채더라도 내용을 알아볼 수 없다. 모던 웹에서는 HTTPS가 선택이 아닌 필수가 되었다. 구글은 HTTPS를 사용하는 웹사이트에 검색 순위 가산점을 부여하고, 크롬 브라우저는 HTTP 사이트를 방문할 때 '주의 요함' 경고를 표시한다. 이제 안전한 웹을..

[JavaScript] V8 엔진
Web, Front-end/JavaScript2025. 2. 2. 11:56[JavaScript] V8 엔진

JavaScript 엔진의 등장웹 브라우저 전쟁과 성능 경쟁2008년 이전의 JavaScript는 웹에서 단순한 스크립트 언어로 사용됐다. 브라우저들은 인터프리터로 JavaScript를 실행했고, 성능은 중요한 고려 사항이 아니었다. 하지만 웹 애플리케이션이 복잡해지면서 상황이 바뀌었다. Gmail과 Google Maps 같은 웹 애플리케이션이 등장하면서 JavaScript 성능이 브라우저의 경쟁력이 됐다. 구글은 기존 JavaScript 엔진의 한계를 확인했다. 파이어폭스의 SpiderMonkey와 인터넷 익스플로러의 Chakra로는 복잡한 JavaScript 애플리케이션을 처리하기 어려웠다. 브라우저 전쟁은 JavaScript 생태계를 변화시켰다. 브라우저 개발사들은 JavaScript 엔진 개선에 ..

[JavaScript] 이벤트 루프(Event Loop)와 비동기 통신
Web, Front-end/JavaScript2025. 2. 1. 11:08[JavaScript] 이벤트 루프(Event Loop)와 비동기 통신

브라우저에서 검색창에 키워드를 입력하면 어떤 일이 일어날까? 검색 결과를 가져오기 위해 서버에 요청을 보내고, 응답을 받아 화면에 표시하는 동안에도 우리는 다른 탭을 열거나 스크롤을 내릴 수 있다. 하지만 자바스크립트는 싱글 스레드 언어다. 그렇다면 한 번에 하나의 작업만 처리할 수 있지 않을까? 이런 동작이 어떻게 가능한 걸까? 동기synchronous 처리는 은행 창구에서 한 명의 고객이 업무를 마쳐야 다음 고객의 업무를 처리하는 것처럼 한 작업이 끝나야만 다음 작업을 시작하는 방식이다. 반면 비동기asynchronous 처리는 카페에서 주문을 받은 후 에스프레소 샷이 내려오는 동안 다음 손님의 주문을 받을 수 있는 것처럼 이전 작업이 끝나기를 기다리지 않고 다음 작업을 실행할 수 ..

728x90
image