본문 바로가기

분류 전체보기47

[6/24 오후수업]webpack 3.컴파일하거나 그런게 아닌 날것 => 웹팩(webpack)을 돌리면 파일 하나가 만들어짐 =>문제점: 만들어주는 도구가 자바스립트로 만들어짐>>>당연히 노드가 꼭 있어야함 webpack css ==>sass.(css를 보조해줌) 가시영역,변수 등등 장점으로 css에서 사용할 수 있게 모듈은 따로 공유X(용량이 엄청 큼) .json=>같이보내줘야함..(공유해야함)=>텍스트로 되어있어서 용량이 작음 =>이것만 있으면 npm인스톨을 하면 모듈이 다운받아짐 요점: 공유를 하고싶다면 json을 공유해라(용량이 작으니까) 모듈과 .json은 한 쌍이다. npm =>패키지.jsp가 읽음 2021. 6. 24.
[복습] JSX 소개 더보기 https://ko.reactjs.org/docs/introducing-jsx.html JSX 소개 – React A JavaScript library for building user interfaces ko.reactjs.org https://velog.io/@edie_ko/React-JSX%EB%9E%80-%EB%A0%8C%EB%8D%94%EB%A7%81-Rendering%EC%9D%B4%EB%9E%80 React | JSX란? 렌더링 Rendering이란? JSX를 정리하기에 앞서 간단히 리액트를 정리해보자. 리액트는 페이스북이 만든 사용자 UI 구축을 위한 라이브러리이다. 하나의 단일 url을 가지고 SPA(Single Page Application)으로 사이트를 표현하는 velog.io .. 2021. 6. 23.
리액트란? 리엑트란? facebook에서 제공해주는 프론트엔드 라이브러리 리엑트를 사용하는이유 가독성 재사용성 더보기 https://velog.io/@jini_eun/React-React.js%EB%9E%80-%EA%B0%84%EB%8B%A8-%EC%A0%95%EB%A6%AC [React] React.js란? (간단 정리) 오늘은 React란 무엇인지, 정의와 특징에 대해 간단히 정리하려고 합니다.웹 페이지를 개발하면서 이용했었는데, 정확하게 무엇인지, 특징과 장점이 무엇인지 잘 모르고 사용해왔던 것 같아 정리 velog.io https://opentutorials.org/module/4058 React 수업소개 리액트 입문 수업입니다. 이 수업에서는 아래와 같은 내용을 다루고 있습니다. 리액트를 사용하는 이유 리.. 2021. 6. 22.
[6/21 오전수업]Promise(프로미스) Promise 프로미스란? 자바스크립트는 비동기 처리를 위한 하나의 패턴으로 콜백 함수를 사용한다. 하지만 전통적인 콜백 패턴은 콜백 헬로 인해 가독성이 나쁘고 비동기 처리 중 발생한 에러의 처리가 곤란하며 여러 개의 비동기 처리를 한번에 처리하는 데도 한계가 있다. ES6에서는 비동기 처리를 위한 또 다른 패턴으로 프로미스(Promise)를 도입했다. 프로미스는 전통적인 콜백 패턴이 가진 단점을 보완하며 비동기 처리 시점을 명확하게 표현할 수 있다는 장점이 있다. 더보기 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise Promise - JavaScript | MDN The Promise obj.. 2021. 6. 21.