개발하는 햄팡이

초심 찾기 운동겸 내일배움캠프 강의인 HTML, CSS, JavaScript 강의를 듣고 있는데대부분의 초심자 강의와 비슷하게 엄청 자세한 설명은 없기도 하고예전에 헷갈렸던 선택자를 다시 정리를 해볼려고 한다.외울려고 하는 것은 아니지만 그래도 한번 보고 넘어가면 좋을 것 같아서 정리!CSS 선택자 완벽 정리CSS 선택자(selector) 는 원하는 HTML 요소를 정확하게 지정하여 스타일을 적용할 수 있다.1. CSS 선택자란?CSS 선택자는 HTML 문서에서 특정 요소를 선택해 스타일을 적용할 수 있도록 도와줍니다. 선택자를 잘 활용하면 코드의 재사용성과 유지보수성이 크게 향상됩니다.2. 기본 선택자2.1. 전체 선택자 (*)문서 내의 모든 요소를 선택* { margin: 0; padding: 0..

Create React App ?React의  Boiler Plate. 따로 React 환경을 구성할 필요없이 최신의 빌드 설정을 제공하고,React의 개발 초기에 필요한 라이브러리 및 패키지들을 세팅해준다. 장점하나의 명령어로 react 프로젝트를 손쉽게 세팅 가능초기 개발 시간 단축, 개발 생산성 향상React 앱 개발에만 집중 할 수 있음 (bable, webpack 등 필요한 라이브러리의 심화된 관리 x)단점빌드 설정을 커스터마이징하기 어려움처음 시작하는 사람들은 리액트 앱 구조에 대해서 이해하기 어려울 수 있음원하지 않는 dependencies로 앱이 무거울 수 있음. CRA 구조node_moduels/ : 패키지 모듈이 저장되는 디렉토리package.json : depoendencies 모듈 ..

https://v2.ko.vuejs.org/v2/guideVue.js란?사용자 인터페이스를 만들기 위한 JavaScript 프레임워크.Vue는 기존 기술 스택과 함께 사용할 수 있도록 개발되어 기존 프로젝트에 점진적으로 도입하고 기존 코드와의 호환성을 유지하면서 새로운 기능을 추가할 수 있어 전체 코드를 대규모로 변경하지 않고도 Vue를 사용할 수 있게 한다.Vue의 장점쉬운 학습 및 간편한 문법 : Vue는 직관적이고 간결한 문법을 가지고 있거 쉽게 배우고 사용할 수 있다.반응성 시스템 : 데이터의 변경에 따라 자동으로 화면이 업데이트되는 반응성 시스템을 제공모듈화 및 유연한 구조 : 컴포넌트 기반 아키텍처를 채택하여 어플리케이션을 작은 조각으로 나눌 수 있어 코드의 재사용성을 높이고 유지보수를 용이하..