전체 글 (194) 썸네일형 리스트형 실패 2023 네이버 상반기 신입 공개채용에서 떨어졌다. 나는 코딩테스트에서 1문제를 풀었다. 네이버는 결과가 나오기까지 거의 1개월이 걸렸고 나는 그동안 제어할 수 있는 것과 제어할 수 없는 것을 나눴다. 제어할 수 없는 부분은 내가 1문제를 풀었다는 것이다. 제어할 수 있는 부분은 내가 1문제를 풀었더라도 결과가 나올 때까지 면접 준비를 해보는 것이다. 1개월동안 CS 공부 + JS 기초를 더 넓히는 시간을 가졌다. 나름 합격이라는 단기 목표를 두고 덤벼들어서 효율이 좋았다. 덕분에 아래 레포에 면접 노트를 만들었다. https://github.com/back-to-the-basic/interview GitHub - back-to-the-basic/interview: Interview Questions I.. 웹 사이트 크기가 14KB보다 작아야 하는 이유 아래 글을 변역했습니다. Why your website should be under 14kb in size Having a smaller website makes it load faster — that's not surprising. What is surprising is that a... dev.to 크기가 작은 웹 사이트일수록 로드하는 시간이 줄어든다는 것은 놀랍지 않은 일입니다. 하지만 정말 놀라운 것은 14kB의 페이지가 15kB의 페이지보다 훨씬 빠르게 로드된다는 것입니다.(아마 612ms 정도 빠를 것입니다.) 반면에 15kB 페이지와 16kB의 페이지의 차이는 아주 사소합니다. 이는 TCP의 slow start 알고리즘 때문에 발생하는 차이입니다. 이 아티클에선 이 알고리즘이 무엇인지, 어떻.. Backends for Frontends pattern 아래 글을 번역했습니다. Backends for Frontends pattern - Azure Architecture Center Explore the Backends for Frontends pattern, which creates separate backend services to be consumed by specific frontend applications or interfaces. learn.microsoft.com 특정 프론트엔드 애플리케이션이나 인터페이스에서 사용할 별도의 백엔드 서비스를 만듭니다. 이 패턴은 여러 인터페이스에 대해 단일 백엔드를 사용자 지정하지 않으려는 경우에 유용합니다. 이 패턴은 샘 뉴먼이 처음 설명했습니다. Context and problem 애플리케이션은 처음에 데.. BFF - Design Pattern with Next.js BFF - Backend for Frontend Design Pattern with Next.js Intro These days microservice architecture becoming more and more popular, and if you... dev.to 위 글을 번역했습니다. Intro 요즘 마이크로서비스 아키텍처가 점점 더 대중화되고 있으며, 이 아키텍처를 채택한 프로젝트에서 일했다면 프론트엔드 개발자로서 다음 시나리오 중 하나에 직면했을 것입니다. - 여러 플랫폼(웹, 모바일 앱, 스마트워치)을 지원하며 각 플랫폼마다 특정 데이터 요구 사항이 존재합니다. - 여러 서비스에서 API를 호출하여 하나의 사용자 인터페이스를 구축합니다. - 여러 API 호출의 응답을 조작, 혼합 및 일치시켜.. The BFF Pattern: An Introduction The BFF Pattern (Backend for Frontend): An Introduction Get to know the benefits of using BFF pattern in practice blog.bitsrc.io 위 글을 번역했습니다. 마이크로 서비스를 사용하여 전자상거래 애플리케이션을 구축해야 하는 시나리오를 상상해보세요. 고객, 주문, 제품, 장바구니등을 위한 마이크로 서비스가 있을 수 있습니다. 마이크로 서비스는 프론트엔드에서 사용할 API를 노출합니다. 그러나 마이크로 서비스가 프론트엔드로 반환하는 데이터는 프론트엔드에서 표현해야 하는 정확한 방식에 따라 형식이 지정되거나 필터링되지 않았을 수 있습니다. 이 경우 프론트엔드에 자체적으로 이러한 데이터의 형식을 다시 지정하는 로직이.. 2023 상반기 네이버 코딩테스트에서 부족했던 점, 개선할 점 23.04.15(토) 10:00 ~ 12:00에 코딩 테스트를 봤다. 프로그래머스에서 진행되었으며 화면 공유 및 모니토를 통해 나를 1m 이내의 거리에서 촬영해야했다. 나는 기존까지 파이썬으로 문제를 풀었다. 소마 코테도 파이썬으로 봤고 응시한 모든 코딩테스트를 파이썬으로 봤다. 이번에 코테 준비를 하며 자바스크립트로 언어를 바꿨다. 이유는 간단했다. 사실 어떤 언어로 풀어도 상관은 없으나 나는 프론트엔드 개발을 하며 주 언어로 자바스크립트를 공부해왔다. 파이썬은 코딩테스트를 푸는데 부족함이 없는 좋은 언어이긴하나 자바스크립트도 마찬가지라고 생각한다. 내 주언어로 코딩테스트를 보고싶었다. 파이썬을 코딩테스트용으로 꾸준히 해왔는데, 자바스크립트로 풀어도 충분하다고 생각했고 프로그래머스에서 자바스크립트로 L.. Past, Present, and Future of React State Management 아래 글을 번역했습니다. Past, Present, and Future of React State Management Learn about the history of state management in React and what the preferred solutions are today. leerob.io React는 2013년 5월에 소개되었습니다. 이 패러다임의 변화는 UI가 상태의 함수라는 것이었습니다. 어떤 컴포넌트 상태가 주어지면 React는 컴포넌트의 모양을 결정할 수 있습니다. React는 state라는 개념을 기반으로 합니다. 하지만 상태는 오랫동안 React 애플리케이션을 구축할 때 가장 어려운 부분 중 하나였습니다. React의 상태 관리를 견고한 도구 벨트라고 상상해 봅시다. 수년동.. 커스텀 이벤트 디스패치 https://ko.javascript.info/dispatch-events 커스텀 이벤트 디스패치 ko.javascript.info 커스텀 이벤트는 그래픽 컴포넌트를 만들 때 사용됩니다. 자바스크립트 기반 메뉴가 있다고 가정해봅시다. 개발자는 메뉴의 루트 요소에 open(메뉴를 열었을 때 실행됨), select(항목을 선택했을 때 실행됨)같은 이벤트를 달아 상황에 맞게 이벤트가 실행되게 할 수 있습니다. 이렇게 루트 요소에 이벤트 핸들러를 달아놓으면 바깥 코드에서도 이벤트 리스닝을 통해 메뉴에서 어떤 일이 일어났는지를 파악할 수 있습니다. 자바스크립트를 사용하면 새로운 커스텀 이벤트 뿐만 아니라 목적에 따라 click, mousedown 같은 내장 이벤트를 직접 만들 수도 있습니다. 이렇게 만든 내장 .. 이전 1 2 3 4 ··· 25 다음
