본문 바로가기

뉴렉처 과정 기록 (Frontend)/Javascript28

06/21 Javascript 모듈(Module) 모듈은 코드가 분리된 단위를 뜻함 모듈이라는 것은 조립이 가능해야 됨 조립이 되었다고 해도 각 모듈들이 선언한 변수, 함수가 다른 모듈에 영향을 주면 안됨 (고립성 유지) 모듈을 쓰기 위해 가져와야 하는데 스스로가 가져올 능력이 안되서 html의 도움을 빌려 모듈을 가져온다 나중에 붙은 친구가 실행됨 / 함수이름이 같은데도 에러 안나고 최근꺼 실행한 것 -> 그래서 자바스크립트에서 모듈화 지원하게 됨 네 가지의 형식으로 노출 할 수 있다 중괄호 밖에 쓸 수 있는 것만 유일하게 디폴트임 디폴트 아닌것들은 다 중괄호 안에 넣어줘야 함 두번째꺼만 디폴트 그리고 디폴트만 별칭쓸 수 있음 클래스를 노출하는 것과 객체를 노출하는 것은 다르다 하나의 객체를 만들어놓고 같이 쓰게 하고 싶으면 new 를 써서 사용하면 됨 2021. 6. 21.
06/21 Javascript 콜백(Callback) / promises 콜백함수 개념의 비동기를 사용하다 보니 중첩되면.. 비동기 = 여러 흐름을 가진 경우에, 시점을 잘 모르는 경우에 or 오래 걸려서 기다려야 하는 경우 (흐름이 묶여서) -> 별도의 스레드로 사용해서 처리하는 것 Collback 함수란? 일반적으로 내가 함수를 만들게 되면 이름부여해서 내가 호출을 해야하는데, 이벤트 함수같은 경우 , 처리할 일은 알지만 그 시점은 알수없기때문에 호출하지 못함, 그래서 호출을 위임 -> 이벤트 처리하는 애( callback 함수 ) 가 이벤트 발생하면 처리해줌 이벤트 함수의 예 ) 사용자가 클릭하는 이벤트, 시간이 지나면 실행되는 타임아웃 이벤트 등... 자바스크립트는 콜백함수가 굉장히 많다 Promises -> 콜백함수를 사용하기 쉽게 해주는 도구임 notice는? 함수.. 2021. 6. 21.
06/18 Javascript 은닉화, Iterator, Symbol, Generator 은닉화 : 어떠한 필드를 외부에서 사용할 수 없게끔 숨기는 것 -> 순회도 하지 못한다 / 외부 접근 불가 setKor 는 setter로써 사용하는 함수이다 상속, 생성자 오버로드, 오버라이드 iterator -> 연속적으로 값을 리턴하게 하는 것 컬렉션이라고 하면 컬렉션의 끝까지 값을 리턴하게 하는 것 함수를 호출하기만 하면 계속 반환해줌 MissileContainer는 Container역할을 하면서 Iterator 역할 ( next() 를 구현하고 있는 객체 ) 도 하고 있는 상태 -> Iterator() 안에 넣어줬음 스레드 : 동시에 실행될 수 있는 다른 흐름 별도의 클래스를 만들어야 함 컬렉션이 이터레이터를 생성하게 해주고 그 이터레이터가 current, next 를 구현하게 해줌 *이터레이터란.. 2021. 6. 18.
06/17 Javascript 객체지향 Class / 캡슐화 캡슐화 데이터만 만들어지게끔 하고 초기화에서 빼야 함 프로트타입에 내가 정의하고 싶은 함수 넣기 기본도형 => 자바스크립트에서는 프로토타입 생성자에서 함수를 정의하면 안돼 무조건 프로토타입에서 정의해야 함 이런식으로 캡슐화해야 한다 (this 꼭 붙여줘야 함) exam 의 타입은 object (Exam을 반환) Exam 의 타입은 function 2021. 6. 17.