# FE
My First Project In My Life
첫번째 협업 프로젝트 이케아 클론코딩 내가 담당했던 페이지 : 로그인, 회원가입 사용했던 협업 Tools : 트렐로,깃허브 사용했던 기술 : HTML,CSS,JS,REACT
[Hot Module Replacement] Hot Module Replacement, HMR
webpack에서 제공하는 가장 유용한 기능 중 하나모든 종류의 모듈을 새로고침 할 필요 없이 런타임에 업데이트 가능모듈 전체를 다시 로드하지 않고 애플리케이션이 실행되는 동안 교환, 추가 또는 제거전체 로드 중 손실되는 애플리케이션의 상태 유지변경된 사항만 갱신하여
[Transpile] Transpile, 트랜스파일링(Transpiling)
어떤 특정 언어로 작성된 소스 코드를 다른 소스 코드로 변환하는 것모든 브라우저가 ES6+의 기능을 제공하지 않기 때문에 이를 ES5 코드로 변환시키는 과정 필요(Babel)Compile입력과 출력의 추상화 수준이 다름C언어로 작성된 소스코드를 기계어로 변환Transp
[Bundling] 번들링(Bundling)이란?
소프트웨어가 커지면 커질수록 각각의 세분화된 모듈 파일이 늘어나고, 모듈 단위의 파일들을 호출할 때 신경써야하는 각 변수들의 스코프 문제, 그리고 호출할 때 생겨나는 네트워크도 신경써야 한다.⇒ 이러한 문제를 바탕으로 나온 것이 웹팩의 번들링 개념"어떤 것들을 묶는다"
프론트엔드와 백엔드 정리
프론트엔드와 백엔드 둘다 깔짝이긴(? 했으나, 사실 차이를 자세히 설명해 보라고 하고 또 각자가 구동되는 방식에 대해서 상세히 물어보면 답할 수 없는게 현실이었다. 앞으로의 진로방향을 잡기 위하여도 개발 구조에 대하여 잘 이해하는 것이 좋을 것 같아서 정리하기로 하였다
[webpack] 웹팩(webpack), 웹팩(webpack)의 구성요소
webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling,
[SPA] SPA(Single Page Application)이란?
전통적인 과거의 웹 사이트는 문서 하나에 전달되는 파일의 용량이 작았음→ 어떤 요소를 한 번 클릭하면 Server에서 완전히 새로운 페이지를 전송 (용량이 작았기 때문에 부담X)→ SSR(Server Side Rendering, 서버 사이드 렌더링) 방식으로 화면에 보
CSR vs SSR
요청해서 받은 내용을 브라우저 화면에 표시하는 것Loader가 서버로부터 정보들을 불러옴파싱을 통해 문서를 DOM 트리로 만든다.DOM 트리가 구축되는 동안 브라우저는 렌더 트리를 구축CSS 설정/레이아웃 위치 지정렌더링 트리가 그려짐서버사이드 렌더링(SSR)은 페이지
vue vs react
리액트는 비교적 자유도가 높고 뷰는 기능이 이미 다 정해져 있다.라이브러리는 사용자가 필요할 때에 가져다 썼다가 뺐다가 할 수 있고 부분적으로 사용이 가능하다.프레임워크는 부분적 사용이 불가능하고 프레임 워크의 안으로 들어가서 프레임 워크가 지원해주는 문법에 따라서 작
정보보안기사 시험 후기
정보보안기사 필기 시험을 본 이후 그 동안 필기는 어떻게 준비했는지, 부족한 점은 무엇인지 앞으로 실기는 어떻게 준비해야할지 고민해보는 글
[팀프로젝트] HTML/CSS | | 왓챠 클론 코딩
왓챠의 클론 코딩을 하며 접근성과 성능 부분을 개선한 GOTCHA 사이트를 만들고자하였고, 자바스크립트를 배운후 계속 리펙토링 할 예정입니다. 2021.08.27 : 주제 선정, 로고 제작, CSS 설계 기법 정리, 칸반차트 생성2021.08.28~08.30 : 왓챠
