NOW OR NEVER

태그 의미가 있는 symantic 태그 사용하기 element(node): contents Box item들을 sectioning 쉽게 도와주는 태그들 안에 contents가 없으면 사용자에게 보여지지 않음 ex) header, footer, aside, main, section, article, nav, div, span, form div 태그가 아닌 section 태그(header,nav, asiede, main, footer 등)로 구역을 나누는 것이 좋다 article 태그 : 여러가지 item들을 그룹화해서 재사용 가능한 아이들이 모아져 있는 것을 말함, 반복되는 아이들을 묶어준 것 div 태그 : 묶어서 스타일링 할 경우, 혹은 그냥 묶고 싶을 때 아무때나 잘 쓰임 h1태그는 contents를..

프레임 워크를 위한 기본언어 html,css,js를 잘 배워야지 프레임워크를 바꿔도 금방 이해하고 적용할 수 있음 html,css,js -> typescript(type 때문에 유저 사용시 충돌 일어나는 것 방지, 불린 타입은 불린에만 할당되게 하는 것) html : 구조, css : 디자인 js : 다양한 동작 덧붙여서 구현(basics of js = banilla js) 기본 언어 외 부가적인 것 백엔드 커뮤니케이션을 위해 필요 : fetch api bootstrap은 react 나오고 나서 잘 사용되지 않음 BEM 관련 architect 훑어보기 module bundler - 코드 배포시 간편하게 압축하고 minify해서 최대한 사이즈 줄게 해줌 react-mobx combination 추천 로드맵..

리액트 입문 리액트가 만들어진 이유 Javascript를 사용한 DOM 변형 DOM : 각 html element 정보를 지니고 있는 JS 객체 Ember, Backbone, AngularJS 등의 프레임워크는 작동방식이 다르지만 자바스크립트 특정 값이 바뀌면 특정 DOM 속성도 바뀌어서 업데이트 하는 작업을 간소화해주는 방식으로 웹개발의 어려움을 해결해줌 리액트는 어떠한 상태가 바뀌었을 때 DOM을 어떻게 바꿀지 규칙을 정하는 것이 아니라 아예 다 날려버리고 처음부터 모든 걸 새로 만들어 보여주면 어떨까라는 아이디어에서 시작된 라이브러리이다. 그러면 업데이트를 어떻게 해야할 지를 전혀 고민할 필요가 없어지기 때문에 개발이 정말 쉬워질 것이다. 리액트는 Virtual DOM을 사용해 성능은 유지하되 업데..

Javascript 입문 자바스크립트는 무엇인가 브라우저에서 사용하려고 만든 언어 웹 브라우저 상에서 유저 인터페이스를 동적으로 표현하기 위해 사용 브라우저에서 사용하려고 만든 언어이지만 최근에는 다양한 영역(런타임(api 개발 ex. node), 데스크탑 애플리케이션, 모바일 애플리케이션(react, native 등))에서 사용되고 있다. react와 native 두 프레임워크의 특징은 단순히 웹 뷰를 모바일 앱에 띄워서 웹을 앱처럼 하는 것이 아닌 진짜 native ui를 자바스크립트로 할 수 있게 해줌 node.js를 통해서 자바스크립트를 사용할 수 있기 때문에 iot도 가능 개발자 도구에서 console에서 자바스크립트를 써볼 수 있다. 가장 기본적인 문법은 consol.log이다. 이것은 특정 ..