![]()
프로젝트의 성능을 좌우하는 webpack, 수정하고 수정하다보면 내가 도대체 지금 뭘 하고 있나 싶을 때도 있다그 계기로 webpack에 대해 자세히 정리하고 싶었다! webpack이란??웹팩이란 최신 프론트엔드 프레임워크에서 가장 많이 사용되는 모듈 번들러이다.모듈 번들러란 웹 애플리케이션을 구성하는 자원(HTML, CSS, Javascript, Image 등)을 모두 각각의 모듈로 보고 이를 조합해서 하나의 결과물을 만드는 도구를 의미한다. 모듈 번들러는 웹 애플리케이션을 구성하는 자원(컴포넌트, 이미지, CSS파일 등등)을 모듈 단위로 나누어 필요할때마다 조합하여 하나의 결과물로 산출시키는 역할을 한다. 프론트엔드 업계에서 많이 사용되는 프레임워크인 리액트, 뷰는 프로젝트 파일의 크기가 꽤나 크다..
![]()
프론트엔드(frontend)웹의 화면 즉, 사용자 인터페이스(User Interface)를 구현하는 개발자이다. 슬라이더, 드롭다운(drop-down) 메뉴, 레이아웃, 폰트, 컬러 등 모든 요소들이 프론트엔드 개발을 이루는 부분이다. 백엔드(backend)사용자 눈에 보이지 않는 서버를 전체적으로 담당한다. 데이터를 저장하고 관리하며, 웹사이트의 클라이언트 측(client-side)에서 모든 것이 매끄럽게 작동할 수 있게 해줍니다. 프레임워크(framework)프레임워크는 프로그래밍의 뼈대가 준비되어 있고, 내가 작성할 공간들만 비워져 있는 것이다. 프레임워크를 활용하면, 정해진 곳들에 코드를 채워넣음으로써 보다 쉽게 프로그램을 완성할 수 있습니다.프레임워크는 조금 더 큰 틀 ex) 카페를 열고 싶은..
![]()
티스토리를 하고 나서 설명을 하려니깐 헷갈리고 모호하게 알고 있는 용어를 정리할 필요성을 느꼈다. 앞으로 알아가는 용어들이 있다면 수정할 생각이다!! 태그 step1 로 묶어서 표현하는 명령어를 말한다. 기본 형식이다. 시맨틱요소 웹페이지 전체 또는 일정 영역을, 의미적으로 구획,분할할 때, 사용되는 요소들을 말한다. 예)header, nav, main, section, article, aside, footer css.box01{ width:fit-content; border:50px solid yellow;}javascriptconst superman = { name:'david', age:33} 선택자.box01속성(attribute)width, border,name,age값(..
