frontend-bootcamp

---3일차 오늘 적을 내용은 통신 입니다 통신! 개발자가 통신을 한다는 의미는 어떤 의미일까요?? -통신을 하는데 도움을 주는 프로그램을 작성하고 규칙을 작성해주는게 개발자가 통신을 한다는 의미라고 생각합니다! 통신 컴퓨터 간에 데이터를 전송하는 방법 인터넷

2일차 react를 만드는 방식 = 페이지를 조립해서 퍼즐을 맞추는것과 같다. react를 사용하면 큰프로젝트를 할때 새로운 스타일을 적용할 필요 없이 재사용이 가능하기에 자주쓰인다. 본격적인 내용 정리 1.why React? React를 왜 배워야 하는가

\-본 내용은 프론트 엔드 개발자 준비를 하며 공부했던 내용 면접시 질문받았던 내용이 포함되어있습니다 - 프론트엔드란?UI 50%통신 50%서버와의 통신 ,기능에 집중UI - HTML,CSS통신 -JAVASCRIPT,NETWORKNext.js -> React의 업그레이

---4일차--- 4일차가 되었습니다! 오늘도 힘차게 달려볼까요 오늘 할것은 ! 동기와 비동기방식!에 대해서 알아볼것입니다! 동기 VS 비동기 저번시간과 같이 컴퓨터 2대로 시작해 보겠습니다 . 잠깐 복습을 하고 가겠습니다. 프론트엔드 컴퓨터와 백엔드 컴퓨터가

---------5일차--------- 안녕하세요! 오늘은 라우팅의 개념과 통신중 발생하는 오류 헨들링에 대한 주제로 이야기 해보겠습니다! 주제 -페이지 이동법 -DB조회후 화면에 출력하는 법 1.페이지를 이동하자 첫번째 주제입니다! 페이지를 이동하려면 어떻게

안녕하세요 오늘은 주말에 따로 공부한 내용들에 대해서 작성해보려고 합니다! 바로! import와 export 입니다! 먼저 본설명에 들어가기에 앞서 모듈이라는 것에 대해서 이야기를 드리겠습니다 모듈이란 무엇일까요??? 모듈이란? 각각의 기능을 가진것이 모듈이라

\-----6일차벌써 6일차가 되었습니다!오늘은실무적인 폴더구조에 대해서 볼수있도록 하겠습니다 ! 폴더구조를 어떻게 만들면 좋을까요??물론 미니프로젝트를 하거나 서비스를 하게 되면 궂이 할필요는 없다고 생각합니다 하지만! 실무에서는 적어도 수십개에서 수백개까지 갈 수도

----9일차---- 오늘은 타입스크립트에 대해서 포스팅을 하겠습니당 1.TypeScript란 무엇일까요?? 정의먼저 이야기 드리겠습니다! 바로 자바스크립트의 타입을 강제시키는 언어입니당! 어떤의미냐 자세히 설명 드리기위해서는 먼저 자바스크립트를 설명드려야하는데요

----7일차 ---- 오늘은 Map,filter에 대해서 포스팅을 할 수있도록 하겠습니당 map과 filter란 무엇일까에 대해서 먼저 이야기 드리고 시작하겠습니다 여러분들! 코딩을 해보신분들 또는 관련된 지식이 있으신분들은 다들 각 언어에 있는 method라는

밸-하 밸로그여러분 안녕하세요!!오늘은 두번째 주말편! 바로바로\~~호이스팅에 대해서 포스팅을 할수있도록 하겠습니다! (와~짝짝짝)호이스팅! 음...뭘까요??둘리에서 나오는 호이호이 일까요??(죄송합니다...)그럼 과연 호이스팅이란 무엇일까???한번 같이 알아볼까요??

밸~하! 밸로그 여러분 안녕하세요! 오늘은 호이스팅의 심화편! 이라고 할수도있지만 사실은 심화편까지는 아니고요~ 호이스팅과 함께 같이 알아가면 좋은 부분들이 있어서 알려드리기 위해서 포스팅을 작성해보려고 합니당~ var와 let과 const의 차이에 대해서 설명해드

----11일차----- 밸!하! 밸로그 여러분 안녕하세요 오늘의 포스팅주제는! event와 library에대해서 알아볼거에요! 그럼 시작합니다! 1.Event-Bubbling 이벤트 버블링이란 무엇일까요?? 이벤트 버블링이란 예를 들어서 설명을 드리겠습니다!

밸~하! 밸로그 여러분 안녕하세요 오늘은 프론트엔드이지만 백엔드도 알고싶어! 라는 주제로 백엔드에 대한 이야기를 조금 해보겠습니다 ! 1.클래스 컴포넌트 (클래스는 무엇일까?)

-----8일차------ 안녕하세요! 오늘의 주제는 바로! 구조!분해!할당! 구조를 분해해서 할당하겠다!!!

--14일차-- 밸~하! 밸로그 여러분 안녕하세요! 오늘은 얉은복사와 깊은복사에 대해서 이야기 드릴수있도록 하겠습니다! 얉은복사? 깊은복사? 복사는 다 같은 복사 아니야?? 라고 생각하실수도있지만 컴퓨터에게는 2개의 복사가 있습니다! 바로 얉은복사와 깊은복사입니

\---16일차---밸~하~밸로그 여러분 안녕하세요!오늘의 주제는 바로 ! 클래스 컴포넌트와 함수형 컴포넌트입니다!바로 출발해 볼까요?!클래스컴포넌트란 무엇일까요??먼저 클래스 컴포넌트를 보기이전에 클래스에 대해서 알아보겠습니다!클래스란 무엇일까요?쉽게말씀드리자면 물건

----17일차----- 밸!하~ 밸로그 여러분 안녕하세요!! 오늘은 프론트엔드 개발자지만 백엔드를 이해하고싶어! 라는 주제로 포스팅을 해보도록 하겠습니다! 여러분 ! 프론트엔드개발자를 준비한다고 백엔드의 기초를 모르면 될까요?? 한번 생각을 해볼까요~?? 여러

\----17일차 2번째밸!하! 밸로그 여러분 안녕하세요!!오늘은 17일차의 두번째 블로그 입니당 오늘의 주제는 바로바로State의 prev입니다 ! 음??State는 들어봤는데 도대체 prev는 무엇이냐고요??그럼 지금부터 본격적으로 State prev에 대해서 알아

----18일차--- 밸! 하! 밸로그 여러분 안녕하세요! 오늘은 바로 ! 이!미!지! 에 대해서 포스팅을 하려고해요! 음 도대체 이미지가 어떻길래 포스팅을 한다는거지??

밸~하! 밸로그 여러분 안녕하세요! 오늘 포스팅할 주제는 바로!! 검색입니다!여러분 네이버부터해서 구글까지 실제로 저희가 사용하고있는 검색홈페이지들이 많죠??그럼 이때 사용하는 검색은 어떻게 어떤원리로 이뤄지는지 알면 조금더 쉽게 현 트랜드에 다가갈수 있겠죠??그럼 한

오늘도 1일 1지식 쌓아볼까요??

밸~하! 밸로그 여러분 안녕하세요! 오늘의 주제는 로그인의 역사와 어떻게 진행되는지 알아볼수있도록 하겠습니당 1.로그인을 이해하려면 역사를 알아야돼! 먼저 로그인이 어떠한 과정을 통해서 이뤄지는지 알아볼수 있도록 하겠습니다! 브라우저가 프론트엔드 컴퓨터에서 전달

밸~하!밸로그 여러분 안녕하세요!~!오늘은 State-lifecycle 즉 스테이트 생명주기에 대해서 이야기를 드려보려고 합니당 그럼 바로 알아보러 고고고~자 먼저 볼것은 State -lifecycle 입니당 잠깐 복습을 해볼까요??State는 먼저 React에서 사용

밸~하!밸로그 여러분 안녕하세요!! 오늘의 포스팅 주제는 바로 !useEffect입니당!지난시간에 컴포넌트 생명주기에 대해서 알아보았는데요저번 포스팅에서 이야기 드렸던것처럼 조금 더 간편하게 React에서 지원하는게 있습니다! 바로 오늘의 주제인 useEffect인데요

밸~하! 밸로그 여러분 안녕하세요! 오늘은 Shallow Routing이라는것에대해서 포스팅을 하려고 합니당! 먼저 본격적으로 들어가기 이전에 지난 포스팅에서 설명드렸던 내용을 잠깐 훑고 가곘습니다! 저번시간에는 클래스 컴포넌트의 생명주기에 대해서 배웠습니다! 그것을

밸!하 ~밸로그 여러분 안녕하세요 오늘은 권한 분기와 중요한 내용인 Closure와 HOC/HOF그리고 Next.js에서의 랜더링에 대해서 이야기 드릴수있도록 하겠습니다 먼저 볼것은 권한분기입니다! 권한분기란 예를 들어서 배달의 민족이라는 서비스가 있다고 했을때배달의

밸!하~ 밸로그 여러분 안녕하세요!오늘은 타입스크립트의 Generic에 대해서 알아볼수있도록 하겠습니다 ! 저희가 이전시간에 타입스크립트에 대해서 배웠었는데요 잠깐 보고갈까요??타입스크립트는 자바스크립트에 타입을 지정해줘서 받아야할 데이터가 어떤 타입인지 명확하게 해주

callstack과 eventloop에 대해서 알아보자!

밸! 하! 밸로그 여러분 안녕하세요! 오늘의 주제는 객체에대해서 잠깐 이야기를 드려보려고 해요! 본격적으로 오늘의 주제를 보기전에 지난시간에 봤던 주제를 잠깐 이야기드려보려고 해요! 지난시간에는 저희가 shallow routing에대해서 알아보았죠 shallow

밸! 하~밸로그여러분 안녕하세요 오늘은 callback함수에 대해서 알아보겠습니다! 쉽게말해서 함수를 호출하는 함수라고 할수 있겠습니다 간단히 코드를 통해서 보여드리자면 아래 aaa함수와 같이요 즉 함수가 어떤 함수의 인자로 들어가고 그 함수를 실행하는 함수를 바로

밸~하!밸로그여러분 안녕하세요!오늘은 Observable이라는것에 대해서 알아보겠습니다!먼저 Observable이란 무엇일까요??쉽게말해연속적인 비동기 작업을 도와달라는것입니다 그럼 도대체 연속적인 비동기작업이 무엇일까요??예를들어 보겠습니다! pagination에서

밸! 하!밸로그 여러분 안녕하세요 오늘부터 성능최적화에 대해서 알아보겠습니다 성능최적화 방법에는 여러가지가 있는데요 오늘은 그중에서 memoization,promise all과 브라우저 렌더링(preload/prefetch)에 대해서 알아보겠습니다!먼저 memoizat

밸! 하~ 오늘은 browerrederingprocess에대해서 알아보겠습니다! 즉 브라우저가 어떻게 그려지는지 알아볼껀데요 바로 알아볼까요?? 1. Browser Rendering process 먼저 소스파일을 다운받아 HTMl과 CSS를 준비하게 됩니다 이

밸! 하~ 밸로그 여러분 안녕하세요 오늘은 preLoad와 lazyload의 차이와 개념에 대해서 알아볼수있도록 하겠습니다 먼저 preload란 무엇일까요??말 그대로 미리 받아서 온다라는 뜻입니다 즉 다음페이지에서 볼것을 미리 데이터를 받아서 cashing 을 한다는

밸~하!밸로그 여러분 안녕하세요벌써 34번째 글이네요!그럼 오늘도 시작해볼까요!오늘의 주제는 바로 optimistic-ui입니다! 추가로 scraping과 crawling에대해서 살짝 맛보기로 알아보겠습니다optimistic-ui란 무엇일까요??쉽게말해 optimist

밸!하~ 밸로그 여러분 안녕하세요!! 오늘은 테스트 코드 작성법에 대해서 이야기를 드리겠습니다 개발자가 되기 희망하신 분들이라면 한번쯤을 들어보셨을 단어 테스트 코드 과연 테스트코드가 무엇이고 어떻게 작성하는가 그리고 이것이 왜 중요한지 알아볼수있도록 하겠습니다

밸!하~밸로그 여러분 안녕하세요!오늘은 React Currying에 대해서 알아보겠습니다! react는 다양한 라이브러리들과 기법들을 지원하고있는데요! 그중 오늘 소개드릴 개념은 리액트에서 정말 많이 사용되는 개념입니다!바로 react currying이라는 기법인데요

밸~하! 밸로그 여러분 안녕하세요 이번의 포스팅주제는 바로바로 자주 만나게되는 Recursive Function입니다! 자 한국어로 쉽게 풀어쓰면 재귀함수라고도 표현하는 바로 그것인데요 과연 무엇일까요??지금부터 한번 알아볼까요??재귀함수에 대해서 알기이전에 먼저 재귀

밸~하! 밸로그 여러분 안녕하세요!오늘은 자바스크립트에서 사용하는 flatten과 unflatten 에 대해서 알아볼수있도록 하겠습니다 !자 그럼 바로 알아볼까요?/ 단어 그대로 번역을 하게된다면 바로 평평하게 하다라는 뜻입니다 도대체 어떤것을 평평하게 하는걸까요??

밸! 하~ 밸로그 여러분 안녕하세요!오늘은 잠깐 정보보안에 대한 지식을 가져가는 시간을 가져볼까 해요!오늘의 주제는 바로바로!JWT와XSS,CSRF를 볼수있도록 하겠습니다 !왜 갑자기 정보보안이냐고요?그 이유는 저희가 개발을 할떄에도 항상 고려를 해야하는것이 보안적인

밸!하~밸로그 여러분 안녕하세요!오늘의 주제는 바로바로 promise All 입니다 ! 과거포스팅에서 동기와 비동기에 대해서 배웠던 것 기억나시나요??오늘 설명드릴 내용도 같은 맥락에서 나온 개념입니다 ! 그럼 promise All이란 무엇일까요??여러개의 프로미스를

밸!하~밸로그 여러분 안녕하세요!오늘의 포스팅주제는 바로\~~입니다! 그럼 reduce란 무엇이고 언제 사용하는지 알아볼까요~?? 먼저 정의부터 알아보겠습니다!reduce란? 배열에 사용할수있는 메서드중 하나로 배열의 각 요소에 대해 주어진 리듀서 함수를 실행하고 하나

밸하!밸로그 여러분 안녕하세요 !이번 포스팅부터는 잠깐 자바스크립트의 기본상식에 대해서 알아보고 가려고합니다!저희가 자바스크립트로 코딩을하고 개발을 하고있지만 정확하게 정립아 안됬다거나 헷갈리는것들이 있기때문에 확실히 정리를 해서 가져갔으면 좋겠습니담!바로 볼까요??오

밸~하! 밸로그 여러분 안녕하세요!오늘은 저번시간에 이어서 자바스크립트의 기본상식에 대해서 알아볼수있도록 하겠습니다!오늘의 주제는 js와 node 차이와 null과 undefined 차이에 대해서 알아보겠습니다!최근들어 많은 회사들과 개발자들이 node.js를 쓰고있고

밸하!밸로그여러분 안녕하세요!오늘은 웹개발자라면 조금은 알고있어야할 HTTP상태코드에 대해서 이야기를 드릴까 합니다! 자 이야기를 시작하기전에왜 웹개발자라면 HTTP상태코드를 알고있어야할까요??그 이유는 프론트엔드쪽에서 발생한 문제인지아니면 백엔드쪽에서 발생한 문제인지

밸~하!밸로그여러분 안녕하세요!오늘은 scope에 대해서 알아볼수있도록 하겠습니다 ! 먼저 scope란 무엇일까요??scope의 정의에 대해서 알아보겠습니다!scope는 참조 대상 식별자(identifier, 변수, 함수의 이름과 같이 어떤 대상을 다른 대상과 구분하여

밸~하!밸로그 여러분 안녕하세요!오늘은 DNS와 배포환경 Cloud에 대해서 알아볼수있도록 하겠습니다!첫번째로 볼것은 바로 배포환경 입니다!배포환경이 과거에는 어떻게 됬을까요??브라우저가 있고 백엔드 컴퓨터가 있다고 가정해 봅시다 과거에는 백엔드 컴퓨터에 소스파일을 다

밸하!밸로그 여러분 안녕하세요! 오늘의 주제는 바로 virtual DOM입니다! 도대체Virtual DOM이란 무엇일까요?? 직역하자면 가상DOM입니다!그럼 본격적으로 알아볼까요??가상 DOM은 이상적인 또는 "가상"UI표현이 메모리에 유지가 되며ReactDOM과 같

밸~하밸로그 여러분 안녕하세요!오늘은 HTTPS와 HTTP에 대해서 알아볼수있도록 하겠습니다 !!http와 https의 차이는 무엇일까요?쉽게말해서 두개의 차이는 보안성의 차이가 있다고 할수있는데요 저희가 홈페이지들을 방문하다 보면은 주소창부분에 주의요함이라고 적혀있는

밸~하! 밸로그 여러분 안녕하세요 오늘의 주제는 Immutable & Mutable입니다! 변환 불가능한 값과 변환가능한 값인데요 과연 어떤것들이 Imuutable이고 어떤것들이 Mutable인지 알아보도록 하겠습니다! 1.Immutable 먼저 볼것은 Im

밸!하~밸로그 여러분 안녕하세요!!오늘의 주제는 바로바로 JS v8 engine입니다! 이 V8엔진 왜 알아야할까요??V8엔진을 통해서 자바스크립트는 오늘날 C++과 같은 언어와 유사한 성능으로 실행속도를 개선시켰기때문입니다!그럼 본격적으로 이 엔진이 무엇인지 알아볼까

밸! 하~ 밸로그 여러분 안녕하세요!오늘의 주제는 this, binding입니다! 저희가 개발을 할때 자주 듣는것이 binding해라! 라는 말과 함수내부에서 this를 사용하는 말이 아닐까 싶습니다! 그럼 정확히 이것들이 어떻게 사용되고 언제 사용되는지 알아보는 시간

밸~하!밸로그여러분 안녕하세요!오늘은 React-router 와 Next-router에대해서 알아보겠습니다!먼저 next.js와 react의 차이는 무엇일까요??Next.js는 react의 라이브러리지만 리액트보다 더욱 다양한 기능을 편리하게 제공을 하고 있습니다이것으

밸! 하~ 밸로그 여러분 안녕하세요! 오늘은 Docker에 대해서 알아볼수있도록 하겠습니다! Docker란 무엇일까요?? 1. Docker란?

밸! 하! 밸로그여러분 안녕하세요! 오늘의 주제는 Atomic Pattern 입니다!저는 처음에 Atomic pattern이라고 하길래 recoil에서 사용하는 atom을 의미하는것인지 알았는데 그게 아니었더라구요! 그래서 오늘은 힘차게 적어보겠습니다!여러분 혹시 개발

밸!하~밸로그여러분 안녕하세요!오늘은 OOP vs FP에 대해서 알아보겠습니다 코딩을 하거나 개발을 하시는분이라면 한번정도는 들어보셨을만한 주제죠!바로 알아볼까요??가장 유명한 개념이죠 네! 맞습니다 바로 Object Oriented Programming입니다! 객체

밸!하! 밸로그여러분 안녕하세요! 오늘의 주제는 바로 SPA vs MPA 그리고 SEO(검색엔진 최적화)입니다! 먼저 SPA와MPA가 무엇일까요?? 바로 알아볼까요?? SPA SPA는 Single Page Application의 줄입말로 한개의 페이지로 구성

밸!하~밸로그 여러분 안녕하세요!오늘은 CI/CD에 대해서 알아볼수있도록 하겠습니다! CI/CD란 무엇일까요 ??함꼐 알아볼까요??CI/CD는 애플리케이션 개발 단계를 자동화하여 애플리케이션을 보다 짧은 주기로 고객에게 제공하는 방법입니다. 즉 자동배포라고 하는데요 C

밸!하~밸로그 여러분 안녕하세요!오늘의 주제는 반응형 디자인에 대해서 이야기를 드려보려고 합니다!요즘 가장 많이 들리는 말이죠?여러 채용공고에서도 자주 보이는 내용인데요!바로 반응형 웹입니다!취업을 하기위해서 나아가 현 프론트엔드의 흐름을 알기위해서라도 꼭 알아야겠죠?