목록Web (3)
냥냠

리액트를 공부하면서 Vue, Svelte, JQuery 등등의 여러 프레임워크에 대해서도 자연스레 알게 되었다. 하지만 정작 리액트를 공부하면서도 리액트로 개발하는 그 과정에만 몰두하고 리액트가 왜 생겼는지, 리액트의 장단점, 동작원리 등에 대해서는 설명하지 못하는 것 또한 알게 되었다. 그래서 오늘은 웹 프론트엔드, JavaScript 의 프레임워크의 역사에 대해 전체적으로 알아보고자 한다. 0. 탄생 배경1993년, (Marc Andreessen이 설립한) Netscape는 UI요소가 더해진 Mosaic Web Brower가 시장에 나온 후 조금 더 UI요소를 추가하여 Netscape Navigator(NN)을 출시한다. 당시에는 HTML과 CSS를 이용해서 간단한 웹사이트를 만들 수 있었고 정..

앞의 내용은 html에 관한 내용이었고 이번엔 css에 대한 내용을 다뤄보겠습니다. html 이 몸의 구조(뼈, 근육)을 담당한다면 - 문서의 정보, 구조 설계css는 옷, 신발 같이 외적으로 꾸며주는 역할이라고 생각하면 쉽습니다. - 문서 디자인 html의 마크업 언어가 있어야 꾸며줄 문서가 존재하기 때문에 css가 역할을 할 수 있는 거라 html&css는 묶어서 많이 이야기 합니다. 🏷️ CSS 문법선택자, 속성, 값, 선언, 선언부, 규칙h1{color:yellow; font-size:2em;}h1, h2, h3, h4, h5, h6 { color: yellow; }/*그룹화 가능*/* { color: yellow; ..

프론트엔드를 리액트로 시작한 사람으로 ,,. 기본기가 너무 부족하다 생각되어서 html과 css 그리고 자바스크립트까지 기초부터 다시 공부해놓는 게 좋을 것 같아서 기록하려고 합니다 👾 리액트를 다루면서 많이 익숙해졌지만 정확히 모르는 개념이 많아서 기억안날 때 꺼내보는 용으로 정리해둘게요 !강의 내용은 부스트코스 - 비전공자를 위한 HTML/CSS 입니다.http://www.boostcourse.org/cs120 비전공자를 위한 HTML/CSS부스트코스 무료 강의www.boostcourse.org * html element 공식 문서https://developer.mozilla.org/en-US/docs/Web/HTML/Element🏷️ HTML 태그 굵은 글씨 , 기울어진, 밑줄 친, 중..