![]()
서론 웹 개발을 시작함과 동시에 React를 다뤘습니다. 마치 프론트엔드 개발 = React 개발 이라는 개인적인 생각 때문에 React를 왜 사용하는가에 대해 고민하는 시간을 가져보지 않았던 것 같습니다..! 웹 개발에 왜 React를 사용하는지 알아보시죠~! 왜 React 인건데? 웹 개발을 위한 프레임워크는 다양합니다. Vue.js React, Angular 등등.. 개인적으로 다른 프레임워크 대신 React를 사용하는 이유는 러닝 커브가 높지 않고 생태계가 잘 구축되어 있기 때문이라고 생각합니다! 하지만 이 것만이 React를 선택하는 이유는 아니라고 생각합니다. React의 특징 React의 특징은 다음과 같습니다. 1. Vitual DOM (가상 DOM) React는 DOM을 가상화하여 메모리..
Type 종류 string number boolean null / undefined array const arr : (string|number)[] = ['Apple', 1, 2, 'Banna', 3] object : 속성의 타입을 명시하는 것으로 보통 사용함 const user: { name : string age : number isValid : boolean } = { name : 'Hamo' age : 83, isValid : true } object라고 타입 지정하는 것은 별로 권장되지 않는 사용법 interface interface User { name : string age : number isValid : boolean } const userA : User {...} const userB ..
![]()
패스트캠퍼스 x 야놀자 프론트엔드 부트캠프 3주차 과제 후기 웹 페이지 클론코딩 하는 과제였는데 이전 1,2 주차에 배웠던 HTML, css를 활용하여 만드는 과제였다! 나는 개발할 때 마다 css 를 다루는게 어려웠어서 최대한 배운 것을 활용해보고자 KREAM 웹사이트를 선택했다🔥 💭 사이트 구조 크림 사이트 구조는 다음과 같다! 상위 Header는 고정이 되어있고 스크롤이 되어도 상단에 떠있는 구조였고 아래 main에는 여러 section으로 구분되어 있었다. 시맨틱 태그의 종류는 알고 있었지만 써본 적은 없었어서 이번에는 시맨틱 태그를 적극 활용하여 코드를 작성하였다.! 확실히 div 태그들로만 이루어진 코드보다 가독성이 좋았고 구분하기 쉬워서 다음에도 적극적으로 사용해야겠다 🙇🏻♀️ 실제로 구현..
