면접 4

비전공자였던 내가 한 달만에 개발자 취업에 성공한 방법 - 기술 인터뷰편

요즘 제 sns 뉴스피드에 뜨는 대부분의 광고는 개발자 취업, 교육에 관한 것이 참 많습니다. 그만큼 개발자에 대한 수요와 연봉이 높아지며 개발자를 지망하시게 된 분들도 많아졌단 뜻이겠죠. 저 또한 비전공자에서부터 시작했기에 취업은 어떻게 준비해야할지에 대해 막연한 것들이 너무나도 많았습니다. 그래서 개발자를 목표로 하는 분들께 조금이라도 도움이 되었으면 하여 주니어 개발자의 개인적인 경험을 공유하고자 합니다. 필자는 신문방송학 전공생으로, 컴퓨터공학을 복수전공하여 학부를 졸업했으며 현재 AI/머신러닝 스타트업 슈퍼브에이아이에서 프론트엔드로 일하고 있습니다. 주니어 개발자에게 요구되는 것 TL;DR: 자신이 사용한 기술에 대한 충분한 이해가 제일 중요하다 "사용한/사용하게 될 기술에 대한 충분한 이해도가..

취업 이야기 2021.11.08

React 렌더링 최적화 useCallback, useMemo, React.memo 비교분석

1. key에 index를 사용하지 않는 이유 Key란? React에서 여러 컴포넌트를 동적으로 생성하여 표시할 때 반드시 고유의 key를 주도록 하고 있습니다. Key 속성은 React가 어떤 항목을 변경, 추가 또는 삭제할지 식별하는 것을 돕습니다. // key를 사용한 배열 렌더링 예시 const todoItems = todos.map((todo) => {todo.text} ); Key를 사용하는 이유는? 요소의 변화를 탐지하기 위해 필요합니다. React는 기본적으로 state 중 변화가 발생할 때만 캐치해서 DOM을 업데이트 합니다. state의 배열에 어떤 요소가 추가되었을 경우, 배열 전체를 리렌더링하기보다는 추가된 요소만을 리렌더링하는 것이 더 효율적입니다. arr = [ {id: 0, t..

React 2021.03.16

TCP UDP 비교 완벽 정리

Transport Layer Protocol TCP, UDP는 5 layer 중 Transport Layer의 통신 프로토콜입니다. Transport Layer는 logical connection을 기반으로 프로세스 간의 통신이 일어나는 레이어입니다. End point간 신뢰성 있는 데이터 전송을 담당하는 계층입니다. 신뢰성: 데이터를 순차적이고 안정적으로 전달 전송: 포트번호에 해당하는 프로세스에 데이터를 전달 flow control을 담당 congestion control을 담당 TCP: 연결기반, 신뢰성 Application으로부터 받은 Message에 header를 붙여 encapsulation하여 세그먼트로 만들어 logical channel로 전송합니다. 데이터 전송단위: Segment 신뢰성..

프로세스와 스레드 완벽 비교(멀티 스레드/프로세스, 싱글/멀티 스레드)

1. 프로세스와 스레드의 비교 1-1. 프로그램이란 사전적 의미: 어떤 작업을 위해 실행할 수 있는 파일 1-2. 프로세스란 프로세스의 사전적 의미 메모리에 적재되어 CPU 자원을 할당 받아 실행되는 프로그램. 할당받는 시스템 자원 CPU 시간 주소 공간 Code, Data, Stack, Heap 구조로 된 독립된 메모리 영역 프로세스의 특징 프로세스는 각각 독립된 메모리영역(code, data, heap, stack)을 할당받으며, 다른 프로세스의 변수나 자료구조에 접근 불가하다 다른 프로세스의 자원에 접근하려면 파이프, 파일, 소켓 등을 이용해 통신해야한다. 프로세스는 최소 1개의 메인 스레드를 갖고 있다. 1-3. 스레드란 스레드의 사전적 의미 프로세스의 작업단위. 스레드의 특징 프로세스 내에서 s..