# roadmap

91개의 포스트
post-thumbnail

프론트엔드 로드맵 with React

아래 내용은 React를 사용하는 프론트엔드 개발자 기준으로 정리한 내용입니다. 언어(Language) JavaScript TypeScript CSS SCSS SASS TailWind 라이브러리 & 프레임워크(Library / Framework) React.js React Hooks React Context API React Native Next.js 상태 관리(State Management) Redux Redux Toolkit Redux Thunk Redux Saga Recoil 기타 프론트엔드 도구(Tools) 번들러(Bundle) Webpack Parcel Babel 코드 검사 및 정리(Code

2023년 8월 18일
·
0개의 댓글
·
post-thumbnail

Backend Roadmaps

지난 6개월 회고.. 지난 반년간 C언어, Flutter, Spring, JAVA, Clean Code, Design Pattern 등.. 정말 다양하게 깔짝거리다 하나도 제대로 담아내지 못한 게 아닌가 싶다. 앞으로는 목표를 딱 세워서 집중해서 공부하기로 마음먹었다. Clean Code, Design Pattern, Repatoring 등 읽고 싶어 사놓은 책이 참 많지만.. 당분간은 접어두려고 한다. 향후 6개월 목표! 프로그래머스를 풀어보다 생각보다 JAVA를 너무 모른다는 걸 깨달았다. '이것이 자바다'를 100page씩 10주 코스 200page씩 5주 코스로 끝내려고 한다. 김영한님의 스프링 완전 정복 + JPA 완전 정복 로드맵을 6개월 내로 완강해보려고 한다. 단순히 강의만 듣는 것이 아니라 블로그에 중요한 개념들도 정리하며 내것으로 만들고 말겠다! 참고용 Roadmap JAVA ![](https://ve

2023년 6월 23일
·
0개의 댓글
·
post-thumbnail

티빙 데이터 엔지니어로서 나의 고민과 성찰(작성중, ~6.20)

개요 보통 이런 주제는 간단한 메모 또는 생각 정도에서 끝내는데 이번에는 내가 가진 고민과 고민을 해소하기 위한 노력, 자기개발, 로드맵 등에 대해 간단히 정리해 보려고 한다. 새롭게 티빙 데이터엔지니어링팀에 합류하면서 주기적으로 팀리더님과 1on1 을 진행하고 있다. 업무 내/외적으로 고민을 얘기하다가 다음 1on1 할 때 그 고민들을 어떻게 해소하려고 노력했는지 그리고 얼마나 해소가 되었는지 공유 해달라고 하셨는데 공유를 할 정도로 회고하고 정리해본 기억이 별로 없는 것 같아서 이번 기회에 나의 내적인 얘기도 정리하는 습관을 만들어보자. 회사에서 나의 고민? 1on1에서 팀리더님께서 주신 과제 : 다음 1on1까지 내가 고민한 걸 해결하기위해 어떤 노력과 계획을 세웠는가?

2023년 6월 8일
·
0개의 댓글
·
post-thumbnail

브라우저는 어떻게 작동하나?

브라우저의 동작 단계 navigation response 까지의 정리 https://velog.io/@jihyeonjeong11/%EB%B9%BC%EB%A8%B9%EA%B1%B0%EB%82%98-%EB%86%93%EC%B9%9C-%EA%B2%83%EB%93%A4.-URL%EC%9D%84-%EC%9E%85%EB%A0%A5%ED%95%A0-%EB%95%8C-%EC%9D%BC%EC%96%B4%EB%82%98%EB%8A%94-%EC%9D%BC 이후 1. parsing render까지의 작동 방식을 다룬다. https://developer.mozilla.org/en-US/docs/Web/Performance/Howbrowserswork#parsing 첫 response 시 TCP slow start로 인해서 받아올 수 있는 데이터의 총량은 14kb로 제한된다. 이후 28kb, 56kb... 식으로 계속해서 늘어난다. -> performance가 중요한 이유 해당 페이

2023년 3월 12일
·
0개의 댓글
·
post-thumbnail

웹페이지, 웹사이트, 웹서버, 서치엔진이란?

https://developer.mozilla.org/en-US/docs/Learn/Commonquestions/Webmechanics/Pagessitesserversandsearch_engines 1. 요약 먼저 웹에 대한 간단한 용어 정리부터 하고 시작한다. 기본적인 용어는 다음과 같음: web page 웹 브라우저에 처리과정을 거쳐 링크텍스트 브라우저에서 URL을 입력했을 때 일어나는 일? (3/12 브라우저 작동과정 정리 필요) 보여주는 도큐먼트이다. 그냥

2023년 3월 12일
·
0개의 댓글
·
post-thumbnail

2023 백엔드 개발자 로드맵

2023 백엔드 개발자 로드맵 kamranahmedse 의 로드맵에 따라 2023년 03.01부터 공부 기록을 시작한다. 이 블로그는 나의 공부 기록이며 포트폴리오, 기타 나의 팁, 문제해결, 프로젝트 진행도 등 개발자로서 일상을 정리하고 나와 같은 개발자지망생들에게 지식을 공유하는 것이 목적이다! 블로그를 잘 쓰기 위해 여러 시행착오를 겪겠지만 한번 열심히 해보자!

2023년 2월 28일
·
0개의 댓글
·
post-thumbnail

Backend Roadmap (2) : 구체적 계획

🚩 구체적인 계획을 세워보자! BackendRoadmap

2023년 2월 13일
·
0개의 댓글
·
post-thumbnail

Backend Developer Roadmap

backend 개발자로써 스펙을 쌓기 위해 어떤 공부를 해야하고, 어떤 것을 알아야할지 막막한 이때 소프트웨어학과를 전공한 동문으로부터 한 사이트를 추천받았다. > https://roadmap.sh/backend 이미지 출처 : https://roadmap.sh/backend 해당 사이트에는 backend 개발자가 알아야하는 것들에 대해 관련 있는 것들끼리 짝지어 나열되어 있었다. 백엔드 개발자로 경력을 쌓기 위해 차근 차근 공부해나가야겠다.

2023년 2월 12일
·
0개의 댓글
·
post-thumbnail

백엔드 개발자 로드맵(1)

참고자료 🎬 이오: 개발자 특집 : 시니어 개발자가 신입에 요구하는 것 📠 catsbi's blog: 개발자가 되고 싶은 이들이 자주하는 질문에 대한 이야기 📰 Backend roadmap-site : roadmap.sh - Backend Developer Roadmap 📄 blog : 큰 돌의 터전 - 백엔드 개발자의 로드맵 📹 youtube : 카카오 네이버 개발자에게 물어봤음. 백엔드개발자 로드맵 📒 [b

2023년 2월 11일
·
1개의 댓글
·
post-thumbnail

000_OT

K-Digital Training OT 생활 안내 출결 주의사항 전달 점심, 다과, 스터디룸, 개인 사물함 등 학습 전반에 필요한 지원이 있다! 수료 기준 & 출결 관리 80% 이상 출석 == 수료 출결 관리 지각, 조퇴, 외출을 조심히 하자! 월 1회 휴가가 나온다! 재적 기준 총 교육기간 중 20% 이상 결석 단위기간 50% 결석 대리 | 거짓 출석 무단 결석 훈련장려금 국민취업지원제도를 통해 추가로 50만원을 받을 수 있음 국민취업지원제도 교육 일정표 및 주의사항 교육 일정 1개월 컨셉 IT 서비스

2023년 1월 16일
·
0개의 댓글
·

kick-off(1) 백엔드 로드맵_10.24

학습 방향성을 잃었을 때 나침반 역할 백엔드: https://roadmap.sh/backend 데브옵스: https://roadmap.sh/devops 백엔드 API시스템 구조의 기반이 된 Node.js 커리큘럼 개요 '인스타그램(Instagram) 웹 API 시스템 개발'이라는 가상의 시나리오 백엔드 시스템 개발의 2분류 : API 개발(앞쪽), 데이터 관련 시스템 개발(뒤쪽 | 데이터 수집, 분석, 관리) 데브옵스(DevOps) = “Development” + “Operation” 직군이라기보다는 개발 분야에서 나타나는 문화나 추세. 시스템 개발(development) 뿐만 아니라 운영(operation)까지 담당하는 것. 3. Development of Simple API and Database Node.js based Simple HTTP API RDBMS (Relational Database Manage

2023년 1월 11일
·
0개의 댓글
·
post-thumbnail

인터넷은 어떻게 동작하는가?

보통 우리가 기술의 발전에 대해 이야기할때, '전쟁'은 기술 발전에서 빼놓을 수 없는 사건이 된다. 인터넷(Internet)은 1960년대 미군에서 기금한 여구 프로젝트에서 시작되었다. 그리고 그를 공공 기반으로 사용하는데서, 인터넷은 지금처럼 발전하고 대중화될 수 있었다. 우리(아마도 인터넷에 대해 잘 모르는)가 인터넷을 떠올리면, 인터넷은 마치 하늘에 있는 것 같고, 클라우드 서비스인 것처럼 생각이 드는데, 사실 인터넷은 그냥 와이어일 뿐이다. 게다가 떠오른 생각과 반대로, 그 와이어는 땅에 묻혀있다. 컴퓨터 간의 통신에서, 컴퓨터 A가 컴퓨터 B와 통신을 하려면 물리적 또는 무선으로 연결이 되어 있어야 한다. 이렇게! 하지만, 당연하게도 네트워크는 두 대의 컴퓨터로만 이루어지

2023년 1월 10일
·
0개의 댓글
·

2022.04 Backend 로드맵

CS - 면접을 위한 CS 전공지식 노트 알고리즘 - 알고리즘 문제해결 전략, 인프런의 c++코딩테스트 강의, 알고리즘 문제 해결 전략 스택 java - boostcourse, mvc, jpa, auth, 인프런의 실전! 스프링 부트와 jpa 활용! - 웹 애플리케이션 개발 js - ts, 실시간 모니터링 시스템을 만들며 정복하는 mevn, node.js 디자인 패턴 바이블 py - 장고, fastapi, 나도코딩, 파이썬 코딩의 기술 데이터베이스 - mongodb, mysql, postgresql, redis, memcached, neo4j 그 외 - aws, ncp, heroku, graphql, grpc, sre, 젠킨스, travis ci/cd, sre를 위한 시스템 설계와 구축

2022년 8월 26일
·
0개의 댓글
·
post-thumbnail

[Internet] 도메인과 호스팅

💡 도메인이란? 일반적으로 도메인 이름을 URL(Universal Resource Locator) 또는 웹 주소라고 하지만 사실 URL이나 웹 주소는 도메인 이름의 일부에 불과합니다. 도메인 이름의 기본 형식은 이름과 확장자 두 가지로 구성되어 있습니다. 위 그림의 경우에는 ‘wix’가 이름이고 ‘.com’이 확장자인 것입니다. 하지만, 브라우저 주소 표시줄을 살펴보면 실제로는 해당 페이지의 웹 주소를 구성하기 위해 함께 따라오는 부분들이 훨씬 많다는 것을 알 수 있습니다. 💡 웹 호스팅이란? 웹호스팅이란 웹사이트의 파일, 요소 및 콘텐츠를 저장하여 인터넷 브라우저에 전달하는 작업을 말합니다. 사용자가 도메인명을 입력하면 일련의 특정 IP 번호(또는 웹사이트의 IP 주소)로 변환되어 웹사이트가 호

2022년 8월 13일
·
0개의 댓글
·

[Internet] DNS, 그리고 동작방식

🎯 DNS란? 우리는 인터넷을 이용하여 검색이나 웹 서핑, 이메일 등을 사용할 때 도메인 이름(www.naver.com)을 웹 브라우저의 주소창에 입력하고 네이버에 접속을 합니다. 우리가 입력한 도메인 주소(www.naver.com)를 숫자인 IP 주소로 변환하는 과정이 필요한데 이것을 담당하는 시스템이 DNS입니다. 길고 복잡한 IP 주소를 외울수가 없기 때문에 문자 주소를 사용하기 위해 DNS를 사용하게 됩니다. 🎯 구성요소 도메인 네임 스페이스 (Domain Name Space) : 최상위에 루트 DNS 서버가 존재하고, 그 하위로 인터넷에 연결된 모든 노드가 연속해서 이어진 계층구조로 구성 네임 서버 (Name Server) : 주소를 변환 시키기 위해 도메인 네임 스페이스의 트리구조에 대한 정보가 필요. 이 정보를 가진 서버 도메인 이름을 IP주소로 변환하는 것을 네임 서비스 리졸버 (Resolver) : DNS클

2022년 8월 12일
·
0개의 댓글
·

[Internet] 브라우저, 동작방식

🌎 브라우저(Browser) ☄️ 브라우저 기본구조 ✨ 각 구성 요소는 다음과 같은 역할을 하고 있다. 물론 구조는 브라우저마다 조금씩 다를 수 있다. 사용자 인터페이스: 주소 표시줄, 이전/다음 버튼, 북마크 등 페이지 뷰 이외의 다른 부분 브라우저 엔진: 사용자 인터페이스와 렌더링 엔진 사이 동작을 제어 렌더링 엔진: HTML, CSS를 파싱해 화면에 요청한 컨텐츠를 표시 통 신: HTTP요청과 같은 네트워크 호출에 사용됨 JS 엔진: 자바스크립트 코드를 해석하고 실행 UI 백엔드: 기본적인 위젯(콤보 박스 등)을 그림 자료 저장소: 자료를 저장하는 계층으로 쿠키 등을 저장하는 웹 데이터베이스 >크롬은 대부분의 브라우저와 달리 각 탭마다 별도의 렌더링 엔진 인스턴스를

2022년 8월 11일
·
0개의 댓글
·

[Internet] HTTP란 ?

🌍 HTTP (HyperText Transfer Protocol) HTTP는 1989년부터 1991년에 발명되었다. HTTP는 월드 와이드 웹(WWW)에 내재된 프로토콜이다. HTTP는 인터넷에서 데이터를 주고 받을 수 있는 프로토콜이다. 웹 페이지를 방문할 때마다 컴퓨터는 HTTP(Hypertext Transfer Protocol)를 사용하여 인터넷 어딘가에 있는 다른 컴퓨터에서 해당 페이지를 다운로드한다. 프로토콜이란? 프로토콜은 규칙(약속)이란 의미이다. 컴퓨터 네트워크(관계망)에서 데이터를 주고받을 때, 이러한 규칙에 맞춰 개발함으로써 서로 정보를 교환할 수 있게 된 것이다. 컴퓨터 네트워크에서 데이터를 보내고 받는 성격에 따라 프로토콜이 만들어졌다. 웹 문서를 주고 받을 때는 HTTP를 사용해야하고 파일을 주고 받을 때는 FTP, 메일은 SMTP, POP 등 전송 계층과 유형에 따라 다양하게 만

2022년 8월 11일
·
0개의 댓글
·

[Internet] 인터넷은 어떻게 동작하는가?

🌏인터넷이란? 인컴퓨터로 연결하여 TCP/IP라는 통신 프로토콜을 이용해 정보를 주고받는 컴퓨터 네트워크다. 인터넷의 가장 기본적인 것은, 컴퓨터들이 서로 통신 가능한 거대한 네트워크라는 것입니다. 우리는 매일 인터넷을 사용합니다. 웹 사이트란 동영상, 음악, 사진 파일처럼 하드 디스크에 저장된 파일 묶음과 같습니다. 웹 사이트가 일반 파일과 다른 점은 HTML이라는 프로그래밍 코드가 들어있다는 것입니다. 다른 파일처럼 HTML도 하드디스크 어딘가에 저장해야 합니다. 인터넷에선 '서버'라는 특별한 컴퓨터를 사용합니다. 서버는 데이터를 저장하고 제공하는것이 목적이라 모니터나, 마우스, 키보드가 필요없습니다. 데이터를 제공(Serve) 하는 일을 하므로 서버(Server)라고 부릅니다. ![](https://velog.velcdn.com/images/coco/post/1ac150a1-03b9-421a-bd40-058a14edfa2c/ima

2022년 8월 3일
·
0개의 댓글
·

🎯 하반기 로드맵

🔊 인터넷 ✔ 인터넷이 어떻게 동작하는가? ✔ HTTP란? ✔ 브라우저, 그리고 동작방식 ✔ [DNS, 그리고 동작방식](https://velog.io/@coco/Internet-DNS-%EA%B7%B8%EB%A6%AC%EA%B3%A0-%EB%8F%99%EC%9E%91%EB

2022년 8월 2일
·
0개의 댓글
·
post-thumbnail

[Medium] 플러터 로드맵

미디움에서 본 글을 정리 해본다. Flutter RoadMap Flutter Flutter는 Dart 언어를 사용하는 오픈소스 프레임워크 입니다. 장점으로는 핫 리로드, 크로스플랫폼을 통한 빠른 개발 주기와 직접 화면에 그리는 렌더링 방식으로 네이티브에 가까운 성능이 있습니다. 따라서 가장 먼저 배워야 할 것은 Dart 프로그래밍 언어입니다. Google에서 만든 이 언어는 오픈 소스이며 누구나 공식 사이트에서 배울 수 있습니다. Dart 프로그래밍 언어의 기초에 대해 잘 알고 있다면 다음은 OOP, 객

2022년 7월 13일
·
0개의 댓글
·