뉴렉처 과정 기록 (Frontend)73 06/23 React 계산기, bind(), 이미지style처리, state 기반의 프로그래밍 bind 함수를 호출해서 반환하는 함수를 연결하게 되면 this가 undifined 되지 않음 인스턴스 메소드를 위임할 때는 bind함수에 연결해주기 -> y 는 다르게 해보자 단순하게 입력값을 받는 함수라면 따로 함수를 밖에서 정의를 하지 말고 즉석에서 하는 것이 간단 덧셈 결과 얻기 이미지 넣기 -> 스타일 따로 분리... 값을 수정가능하도록 바꾸기 2021. 6. 23. 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. 이전 1 2 3 4 ··· 19 다음