본문 바로가기
반응형

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

2019-06-12 TypeScript 자바스크립트는 동적타이핑언어를 지원한다. (정적타이핑언어가 아니다. -> c나c++은 정적타이핑) 값에 타입이있다. var x = 'hello' typeof x // String 정적타이핑 - 코드가 예측 가능하다. 에러가 컴파일타임에 뜬다. 동적타이핑 - 에러가 런타임에 뜬다. (이부분은 정적타이핑이 더 안전한부분), 실수를 유발 할 수 있다. 간편하다. TypeScript 동적타이핑언어인 자바스크립트를 정적타이핑언어처럼 사용할 수 있게 한다. 프로토타입기반언어인 자바스크립트를 클래스기반언어처럼 사용할 수 있게 한다.(generic, abstract 등) 타입추론 : title = 'my-app'; title: string = 'my-app'; // 타입스크립트 형식이긴하지만, 타입추론에 의해 이미 s.. 2019. 6. 12.
2019-06-11 Single Page Application & Routing SPA (Single Page Application) 스파라고도 많이 부른다. html이 하나 / 어플리케이션이 갖고 있는 페이지가 여러개여도 html은 한개. angular는 css에 스코프를 줄 수 있다. ( 각 페이지에 유효한 css를 만들 수 있음.) spa의 css는 여러개의 css로 나누는 것이 좋다. (component별로) 첫페이지 로딩이 상대적으로 느린 단점이 있지만, 추후엔 빨라진다. (처음에 필요한 리소스들(css,js,이미지 등)을 한번에 받아오고 뿌려준다.) -> 부드럽게 화면전환이 가능하다.(기존의 페이지 이동시 깜박거리는 단점이 사라짐) 바닐라 자바스크립트로 하기엔 어렵다. ( 리액트, 뷰, 앵귤러를 쓰자!) SPA의 장점 : 화면전환이 부드럽다. (사용자 경험 향상) SPA의.. 2019. 6. 11.
2019-06-05 실행컨텍스트 실행컨텍스트 컨텍스트 = 문맥, 맥락 상위컨텍스트 = 상위 스코프 라고 생각. 식별자 - 변수명, 함수명, 클래스명 등 실행 가능한 코드는 4가지로 분류된다. 전역코드, 함수 코드, eval코드, 모듈 코드 = 자바스크립트엔진이 해야할일을 얘기함 전역 코드 var x 전역객체의 프로퍼티이자 전역스코프를 통해서 찾을 수 있어야한다. => window.x 나 x로도 접근이 가능해야한다 const y 전역스코프에 등록이 된다. (전역객체의 프로퍼티에 등록되는것이 아님) => window.y 안됨. 함수 코드 함수코드는 반드시 지역스코프를 생성해야되고, 전역 스코프에서 시작하는 스코프 체인의 일원으로 연결되어야한다. 실행 가능한 코드의 평가와 실행 항상 코드를 평가하고 그 다음에 실행한다. 평가의 내용은 선언문.. 2019. 6. 5.
2019-06-04 mongoDB, Sass mongoDB # port number PORT=4500 // 백엔드의 포트번호 # MongoDB URI & User/Password MONGO_URI=mongodb://localhost:27017/mydb Sass $ cd sass-project ## 특정 파일을 특정 파일 이름으로 컴파일 ## Compile foo.scss to bar.css $ node-sass foo.scss > bar.css ## 폴더 내의 모든 파일을 컴파일 ## node-sass input-folder-path -o output-folder-path $ node-sass src/sass --output dist/css scss파일을 컴파일한다. sass 관련 내용. sass참고. https://poiemaweb.com/ Sa.. 2019. 6. 4.
반응형

티스토리툴바