본문 바로가기
반응형

패스트캠퍼스/수업내용정리29

2019-06-03 npm, babel, webpack npm node package manager node.js를 설치하면 npm도 따라서 설치가 됨. 하지만, 최신버젼의 노드js를 설치하여도 npm이 최신이 아닌경우가 있음. (그래서 npm을 업데이트를 따로 진행하는것이 좋음.) 메이저 버전을 6.대 버전을 까는것이 좋음. 모듈기능 독립적으로 실행가능한 별도의 프로그램, 따로 동작하는것이 아니라 메인프로그램에 레고를 조립하듯이 조립해서 쓸 수 있는 하나의 코드조합을 의미. ; 위처럼 쓰면, 파일레벨 스코프를 가진다. 파일별로 파일 스코프를 가져야한다. 내가만든 파일스코프에서 외부에 공개해야할 것과 비공개할것을 구분해야함. script 태그에 type="module" 어트리뷰트를 추가하면 로드된 자바스크립트 파일은 모듈로서 동작한다. 모듈의 파일 확장자는 .. 2019. 6. 3.
2019-05-31 프로미스, Ajax를 위해 이해해야하는 것들 Client - Sever HTTP JSON 비동기 둘다 기본적으로 한개를 고치는 것. 하나안에 id content complte가 있고 PUT - id를 제외한 전부 다 고치면 PATCH - 여기서 content나 complete를 고치면 Ajax를 이용한 실습 Promise를 사용한 실습예제 현업에서는 비동기 처리를 위하여 Promise를 쓰던가 , async await를 쓰던가. 둘중에 하나로 쓴다. Promise는 총 4가지 상태를 갖지만, 아래 2가지가 중요. fulfilled 비동기 처리가 수행된 상태 (성공) resolve 함수가 호출된 상태 rejected 비동기 처리가 수행된 상태 (실패) reject 함수가 호출된 상태 then은 promise를 반환한.. 2019. 5. 31.
2019-05-29 비동기식 처리 모델과 Ajax , REST API 등 비동기식 처리 모델과 Ajax Web Server -> HTML , CSS, Javascript , jpg, svg, XML 등등 이것들(정적이다)을 제공해주는 것을 웹서버라고한다. 웹서버는 대부분 어플리케이션서버를 포함한다. Application Server Database Server 웹페이지가 뜨는 과정. 주소창에 네이버를 검색하면, 주소창 뒤에 숨겨진 index.html이란 파일을 서버에 요청(request) 서버에서는 그 요청을 받아서 자기 서버에 있는 index.html파일을 찾아서 읽어들이고 메모리에 저장후에 이진수들이 랜선을 타고, 클라이언트가 받아서(response) 메모리에 쌓고 다왔다라고 인식을 하면 실행함(다운로드 및 실행) Rest API에서 API를 붙인 이유. 함수 쓰듯이 해서.. 2019. 5. 29.
2019-05-22 클래스, 모듈, DOM 클래스 constructor 는 생성자함수와 유사한 역할을 한다. 0개나 1개만 존재할 수 있다. 이 내부에서 프로퍼티 정의를 한다. // 클래스 선언문 class Person { // constructor(생성자) constructor(name) { this._name = name; } sayHi() { console.log(`Hi! ${this._name}`); } } // 인스턴스 생성 const me = new Person('Lee'); me.sayHi(); // Hi! Lee console.log(me instanceof Person); // true 밖에서 me._name 하면 접근이 가능하다. -> public하다. 클래스밖에서 참조할 수 있으면 , public하다. 클래스내에서만 참조할 수.. 2019. 5. 22.
반응형

티스토리툴바