[토스ㅣSLASH 24 - 빠르게 성장하고 싶은 주니어 개발자를 위한 소프트 스킬 5가지 - 임희진 연사님] > 해당 영상을 보고 내용을 정리한 글입니다. > 최근 입사 후 주니어 개발자로 어떻게 성장해야 할지 막막해 여러 자료를 찾아보던 중 해당 강의를 발견했습니다.

데이터 구조는 데이터를 저장하고 구성하는 데 사용되는 저장소입니다. 이는 컴퓨터에서 데이터를 정리하여 효율적으로 액세스하고 업데이트할 수 있는 방법입니다. 데이터를 처리, 검색 및 저장하는 데에도 사용됩니다.선형 데이터 구조: 데이터 요소가 순차적으로 또는 선형적으로

Web Vitals 최적화는 웹 페이지의 사용자 경험을 개선하기 위해 Google이 정의한 주요 웹 성능 지표(Web Vitals)를 측정하고 최적화하는 과정을 말합니다. Web Vitals는 웹사이트의 속도, 응답성, 안정성을 측정하는 중요한 지표이며, 이를 최적화함

useState는 React에서 함수형 컴포넌트에서 상태(state)를 관리하기 위해 제공되는 훅(Hook)입니다. 이 훅은 함수형 컴포넌트 내에서 상태를 정의하고, 그 상태를 업데이트하는 방법을 제공합니다. 아래에서 useState의 동작 원리, 개념, 클로저, 비동

GitHub Actions는 GitHub에서 제공하는 CI/CD(Continuous Integration/Continuous Delivery) 도구로, 코드의 빌드, 테스트, 배포와 같은 자동화된 작업을 수행할 수 있습니다. 프론트엔드 개발자에게 GitHub Actio

웹팩(Webpack)은 현대 웹 개발에서 매우 중요한 역할을 하는 모듈 번들러(module bundler)입니다. 웹팩을 이해하고 효과적으로 사용하는 것은 프론트엔드 개발자에게 필수적인 기술 중 하나입니다. 웹팩은 코드의 구조를 최적화하고, 개발 효율성을 높이며, 성능

애플리케이션을 구현하다보면 특정 상황에서 뒤로 가기를 했을 때 예상되는 페이지가 있거나 의도하는 페이지로 이동을 시도하는 상황이 생길 수 있습니다.History API나 URL 변경 방식을 제대로 알지 못하면 뒤로 가기를 했을 때 엉뚱한 곳으로 가는 상황이 생기거나,

실제 면접에서 받은 질문들 앞에는 ⭐️ 별을 붙였습니다.브라우저가 화면에 나타내는 요소를 렌더링할 때, 웹킷이나 게코 등과 같은 각 브라우저 렌더링 엔진을 사용합니다. 렌더링 엔진이 HTML, CSS, JS로 렌더링시 CRP(Critical Rendering Path)

실제 면접에서 받은 질문들 앞에는 ⭐️ 별을 붙였습니다.자바스크립트는 웹 페이지의 동적인 동작을 구현하는데 주로 사용되는 인터프리터 언어입니다. (코드가 한 줄씩 순차적으로 실행) JS의 특징으로는 동적 타입을 사용하고 싱글 스레드이면서 논 블록킹 언어입니다.자바스크립

최근 면접 준비를 하면서 공부한 React 중요 개념에 대해 정리해봤습니다.프론트엔드 면접 질문 목록을 찾아보면 대부분 중요한 질문들이 비슷한데 해당 질문 목록과 실제 면접 경험 + 본인의 프로젝트 경험을 넣어 내용 정리했습니다.참고로 실제 면접에서 받은 질문들 앞에는

프론트엔드 공부하는 친구들과 얘기하다 보면 너무도 자주 사용하는 useEffect에 대해서 종종 오해하고 있는 경우가 있다고 생각했다. 그래서 한 번 정리해보고자 한다.useEffect는 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook

우아한형제들 웹프론트엔드개발그룹, 『우아한 타입스크립트 with 리액트』, 한빛미디어(2023) p.184 ~ 198해당 책을 읽고 공부하며 관련 내용을 정리한 글입니다.컴파일 타임: 소스코드가 컴파일 과정을 거쳐 컴퓨터가 인식할 수 있는 기계어 코드(바이트 코드)로

모듈이란?: 프로그램을 구성하는 시스템을 기능 단위로 독립적인 부분으로 분리한 것하나 이상의 논리적인 기능을 수행하기 위한 명령어들의 집합ex\_독립적인 프로그램 그 자체 혹은 함수나 메서드 등ES6 모듈(ECMAScript 2015 모듈)은 자바스크립트에서 코드를 모

프로그래머스 붕대 감기첫 번째 풀이에서 6, 9번 테스트 케이스만 실패했는데 문제를 다시 자세히 읽어보고이때, 현재 체력이 0 이하가 되면 캐릭터가 죽으며 더 이상 체력을 회복할 수 없습니다.\-> 체력이 0이하가 되면 종료 -> 죽고나서 회복되지 않게 처리이 부분을

모든 개발자를 위한 HTTP 웹 기본 지식 참고해당 강의를 들으며 간단 정리하며 공부한 글입니다.캐시가 없을 때데이터가 변경되지 않아도 계속 네트워크를 통해서 데이터를 다운로드 받아야 한다.인터넷 네트워크는 매우 느리고 비싸다.브라우저 로딩 속도가 느리다.느린 사용자

우아한형제들 웹프론트엔드개발그룹, 『우아한 타입스크립트 with 리액트』, 한빛미디어(2023) p.150 ~ 182Condition ? A : B 형태타입을 확장할 때와 타입을 조건부로 설정할 때 사용되며, 제네릭 타입에서는 한정자 역할로도 사용된다.T extends

유클리드 호제법2개의 자연수 또는 정식의 최대 공약수를 구하는 알고리즘의 하나.2개의 자연수 a, b에 대해서 a를 b로 나눈 나머지를 r이라 하면(단, a > b), a와 b의 최대공약수는 b와 r의 최대공약수와 같다.숫자 a, b가 있을 때 계속해서 a에 b, b에

서지영, 『모두의 네트워크 기초』, 길벗출판사(2024), p.16 ~ 60해당 책을 읽고 정리한 글입니다. 추가 참고 자료는 따로 링크 남겨두었습니다.컴퓨터와 컴퓨터를 연결한 것각종 통신 장비들이 서로 그물망처럼 연결되어 데이터를 교환하거나 협력하여 일할 수 있게 해

백준 1107번 리모컨문제도 이해하기 쉽고 재밌는 문제였다.이 정도 문제가 아니라 정말 정말 길고 꼬아낸 문제들은 읽기가 너무 힘들담..⏰ 시간복잡도 O(n)0부터 999,999까지의 채널을 반복하여 가능한 채널을 생성하므로 O(N)⏰ 시간복잡도 O(n)0부터 999,

Heap은 우선순위 큐(Priority Queues)를 구현하는데 널리 사용되는 자료 구조 중 하나.파이썬에서는 heapq 모듈을 사용하면 된다.우선순위가 높은 원소부터 먼저 추출된다.\-> 작업 스케줄링, 네트워크 패킷 라우팅, 이벤트 처리, 작업 예약, 우선순위에