frontend3 CSS 기본 개념과 사용 방법 CSS 기본 개념 CSS는 Cascading Style Sheet의 약자로 Cascading은 폭포라는 의미로 쓰이며 CSS가 적용되는 우선순위에 대한 개념이라고 한다. CSS는 'HTML의 색, 크기, 정렬 등을 변경하여 꾸며주는 언어'이다. 버튼버튼 버튼 버튼 button의 스타일을 가로 50픽셀, 세로 50픽셀을 적용하면 달라지는 것이 CSS의 역할이다. 특성의 종류와 단위 특성(property)에는 색, 크기, 정렬 등이 존재한다. color: red; color: rgb(255,0,0); /* RGB */ color: #FF0000; /* HEX 값 */ font-size: 20px; /* 글자크기 */ font-weight: 300; /* 글자두께 */ text-align: center; /*.. 2022. 1. 12. React의 컴포넌트와 변수로 활용하는 state React를 공부해야 하는 이유 프론트엔드의 대표적인 도구로는 React, Angular, Vue가 있다. 셋을 비교해보면 지난 5년간 다운로드 횟수는 react가 압도적으로 높다. 그 만큼 많은 사람들이 쓰고 있다는 것을 알 수 있다. 다운로드 수도 많으면서, React를 배우면 활용 가능한 것들이 많다. 웹을 만들 때는 React를, 모바일 앱을 만들 때는 React-Native(크로스 플랫폼으로 하나를 만들면 안드로이드와 IOS 두 곳에 모두 배포할 수 있다고 한다.)를, React + Electron은 React로 만들어진 웹사이트를 데스크톱 프로그램에서 실행되도록 한다. React 컴포넌트 컴포넌트는 UI 또는 기능을 부품화해서 재사용 가능하게 하는 것이다. 동일한 UI를 재활용 하고, 안에 데.. 2022. 1. 11. 프론트엔드 React 기초 알아보기 Recat 소개 React는 javascript를 쉽고, 효율적으로 사용할 수 있도록 페이스북에서 만든 도구이다. React를 활용하여 만든 대표적인 서비스로는 페이스북, 인스타그램, 에어비앤비 등이 있다. 라이브러리와 프레임워크 라이브러리 : 개발의 세계에서 라이브러리는 이미 누가 만들어 놓은 기능을 의미한다. 프론트엔드에 유명한 라이브러리는 React랑 JQuery가 있다. 프레임워크 : 프레임워크는 템플릿과 비슷하며, 이미 만들어진 구조물에서 제공하는 기능을 활용하여 만들어야 한다. 장점은 여러 사람들과 협업할 때 모두가 같은 기능을 사용하기에 유지보수에 좋다. 하지만 단점으로는 프레임워크에서 제공하는 기능을 사용해야한다. 대표적인 프레임워크는 Angular와 Vue가 있다. 프로그램 및 프로젝트 .. 2022. 1. 10. 이전 1 다음
