#TIL 생활코딩 자바스크립트 항해 7일차 (추석연휴)

모듈 

코드를 여러개의 파일로 분리하는 것!

 

모듈화의 장점

• 자주 사용되는 코드의 별도의 파일로 만들어서 필요 할때 마다 재활용 할 수 있다.
• 코드를 개선하면 이를 사용하고 있는 모든 애플리케이션의 동작이 개선된다.
• 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다.
• 필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있다.
• 한번 다운로드된 모듈은 웹브라우저에 의해서 저장되기 때문에 동일한 로직을 로드 할때 시간과 네트워크 트레픽을 절약 할수 있다 (브라우저에만 해당) 

#출처 생활 코딩

 

UI: User Interface; 사용자를 발견하는 접점

API :Application Programming Interface: 응용해서, 웹브라우저 플랫폼을 제어 (다시한번 보자!)

: 내가 사용하려는 프로그래밍이 어떠한 API를 제공하는지 알아야함 (프로그래밍을 제어하기 위해서)

*레퍼런스: 그 언어의 사전

 

<자바스크립트 API 문서>

표준문서

https://www.ecma-international.org/publications-and-standards/standards/ecma-262/

ECMA-262 - Ecma International

https://opentutorials.org/course/50

자바스크립트 사전(생활코딩)(한글화)

JavaScript 사전 - 생활코딩

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference

자바스크립트 레퍼런스 (영문) (읽어 볼것)

 

JavaScript reference - JavaScript | MDN

마이크로 소프트에서 제공한 jcript

https://docs.microsoft.com/ko-kr/previous-versions/visualstudio/visual-studio-2010/z688wt03(v=vs.100)?redirectedfrom=MSDN 

언어 참조

자바스크립트의 API는 크게 자바스크립트 자체의 API와 자바스크립트가 동작하는 호스트의 환경의 API로 구분된다 

목표는 자바스크립트의 API를 익히고, 호스트 환경의 API를 익힐것 

(*자바스크립트와 호스트환경관의 관계 알아볼것)

 

호스트 환경 API

웹브라우저 

구글 apps

노드js (읽어볼것)

http://nodejs.org/api/

Index | Node.js v16.9.1 Documentation

 

정규 표현식 (regular expression)

1. 컴파일 : 패턴을 찾는 것 

2. 실행 

 

객체의 정규 표현 패턴 메소드

RepExp.exec('____'): 빈칸에 RepExp에 있으면 추출!

REPExp.test('____'): RepExp가 있는지 없는지 test(있으면 True/ 없으면 False)

 

문자열 메소드 실행

('_____').match(pattern): pattern을 추출!

('_____').replace(patter,'A'): pattern을 A로 치환

 

 

옵션

정규표현식 패턴을 만들때, 옵션을 설정 할수 있다.

i를 붙이면 대소문자를 구분하지 않는다.

g를 붙이면 검색된 모든 결과를 리턴 한다.

 

캡처

*이건 다시한번 보자 ㅋㅋㅋ(어렵네..ㅋㅋ)

 

정규 표현식 좀 더 반복해서 볼 것(시간 있으면)

 

함수 (매우중요)

자바스크립트(객체지향)의 핵심적인 도구는 함수

 

유효범위(scope) 변수의  수명 

지역변수: 함수 안에 정의 되어 있는 것 (함수 안에서만 적용)

전역변수: 함부 밖에서 정의 되어 있는 것 (자바스크립트 전역에서 접근 가능) 

var를 쓰지 않으면 함수 안에 있다 하더라도, 전역 변수가 되어 버린다.

지역변수를 사용하는것이 변수끼리의 충돌을 막을수 있다!

되도록이면 var을 사용해서, 지역 변수를 지정하는 것을 추천!

유효범위의 대상(함수) 오우.. ㅋㅋ 어렵다 ㅋㅋ (다시한번 보자!)

정적 유효 범위: ?.?

 

자바 스크립트의 함수가 다른 언어와 다른 점: 함수가 값이 될 수 있다.

function : 함수

객체 안의 function : 메소드! (객체에 저장되어 있는 함수는 메소드!)

함수의 용도

함수가 어디에 사용 될수 있는가? 변수, 매개변수, 리턴값! : first class citizen(object)

콜백 (값으로부터의 함수) : 어떠한 함수가 수신하는 인자

 

동기적 처리: 순서대로 처리

비동기적 처리: 서버 안에서 처리(ajax)

 

클로저(closure) ; 다시보자!

내부함수와 외부함수 관계  이해하기

 

함수=객체

객체는 속성을 가지고 있음 

속성에 값을 가지고 있으면 속성

속성에 함수를 가지고 있으면 메소드 

 

 

 

전역변수의 사용 자바스크립트 핵심 가이드 책 추천 

 

다시한번 봐야 할 강의

생활코딩 모듈

생활코딩 UI와 API

생활코딩 정규표현식 (어렵...ㅎ)

생활코딩 지역변수, 전역변수 (중요해서 좀 더 반복 공부가 필요 한거 같다!)

생활코딩 유효범위의 대상, 정적유효 범위 (함수)(중요!!)

 

 

미니 프로젝트 index페이지에, 디테일한 정보가 없었는데,

그 부분을 크롤링 하고 db에 저장을 시키고, 커밋해서 깃헙에 올렸다.

근데 이걸 9개의 펜션의 정보를 가져오려면 9개의 파일이 필요한가?

좀 더 효율적인 방법이 있을꺼 같은데..

고민 해봐야겠다.ㅠㅠ

불러온 정보들을 그 페이지에 어떻게 붙여줄지도 고민이다.