분류 전체보기 썸네일형 리스트형 코드스테이츠_Immersive 준비하기 Pre course 기초내용 JS Intermetdiate 슬라이드(Scopes, Execution contexts, Closures, The keyword This) Underbar, Recursion 숙지 IM 들어가기전 알아두면 좋은것 들 1. 페어프로그래밍의 중요성 2. HTML & Internet 3. Client & Server Client-side : 클라이언드 사이드 스크립트 언어는 웹페이지 이내에 소통하게 해준다. 그 코드는 다운로드된 사용자의 입력이 요구되거나 브라우저나 플러그인에 의해 컴파일 된다. Server-side : 서버는 먼 곳에 있는 웹에 요청을 처리하고 페이지를 Client에게 보내주는 역할을 하는 웹 응용프로그램 서버이다. 웹응용프로그램 : 브라우저(: Web Clien.. 코드스테이츠 Immersive Expectation IM 14기일정(7/22 ~ 10/19) *공휴일은 휴무(8/15, 9/12 ~ 9/14, 10/3, 10/9) Solo Week(8/27 ~ 8/29) 2주프로젝트(8/30 ~ 9/11) 4주 프로젝트(9/16 ~ 10/11) Demo Day(10/12, 유튜브) Job Searching Sprint(10/14 ~ 10/19) 오프라인 : 위워크 선릉3호점 공간 사용(온라인은 사용불가) 온라인 : 위워크 삼성2호점, 서울역점, 부산 서면점(유료 월 21만원) 학습시간 (공휴일은 제외) : 9:00 - 20:00 / 헬프데스크(질의응답) 10:00 - 19:00 커리큘럼(자기주도성 중시) + 지속적인 피드백(추가강의, 명확한 목표설정, 모범답안) + 코드스테이츠만의 추가사항(초반 - 레포중심 커리큘럼, .. recursion 코드 예시2 getElementsByClassName var getElementsByClassName = function(className){ // 먼저 인자로 받는 className과 동일한 이름에 class이름을 가진 것을 찾아서 // 그 class이름과 동일한 class를 가진 것들을 빈 배열에 담아보자. var result = []; // 빈배열 생성 function check(elements){ // elements는 class이름을 확인할 장소 ex) div , span 등등 if (elements.classList){ // 그 장소에 class를 가진 게 존재한다면 if (elements.classList.contains(className)){ // 그 클래스에 인자로 받는 className이 있으면 r.. recursion 코드 예시 카운트다운 let countDownFrom = (num) => { if(num===0) return; countDownFrom(num-1) } 팩토리얼 factorial(5) // 120 function factorial(num) { if(num === 1) { return num; // return 1; } return num * factorial(num-1); } console.log(factorial(5)); factorial(5) => 5 * factorial(5 - 1) => 4 * factorial(4 - 1) => 3 * factorial(3 - 1) => 2 * factorial(2 - 1) => 1 => 2 * 1 => 3 * 2 => 4 * 6 => 5 * 24 => 120 https:.. 호크니전시회 호크니 전시회에 다녀왔다 날이 덥지만 즐거운 시간이었고, 여러가지 작품들이 기억에 남는다. 그림을 보는것은 언제나 흥미롭다 자바스크립트_객체지향 프로그래밍(OOP) 자바스크립트는 클래스 기반의 언어들과 달리 프로토 타입 기반의 객체 지향 프로그래밍언어(ES6에서는 클래스도 추가) extend 와 프로토타입 체인의 구별 extend의 경우 실제 object의 프로퍼티에 추가 var person = { firstname : 'Default', lastname : 'Default', getFullName : function() { return this.firstname + ' ' + this.lastname; } } var john = { firstname : 'John', lastname : 'Doe' } john.__proto__ = person; // john 객체에서 프로퍼티 메소트 찾은 후 없으면 proto 탐색 for(var prop in john){ if(j.. 자바스크립트_클로저 클로저 : 외부함수가 종료된 뒤에도 내부함수는 외부함수의 execution context가 사용했던 메모리 공간에 접근 가능 클로저의 작동순서 function greet(whattosay){ return function(name){ console.log(whattosay + ' ' +name); } } greet('hi')('tony') // hi tony // greet() 실행이 끝나면 greet() execution context 사라졌지만 var sayHi = greet('hi'); // sayHi()에서 whattosay를 참조! sayHi('tony'); // hi tony 클로저 예제 function buildFunction(){ var arr = []; for(var i = 0; i 자바스크립트_함수, 프로토타입 체이닝 Function Statements greet() // hi function greet(){ console.log('hi'); } Function Expressions : value를 결과로 갖는 코드 a = 3 // 3 1+2; // 3 a = {greeting:'hi'} // Object{greeting:'hi'} anonymousGreet(); // TypeError: anonymousGreet is not a function var anonymousGreet // -> 호이스팅! = function(){// object 만들어짐(result) console.log('hi'); } 콜백함수와 비동기작업 콜백함수 (주로 이벤트 핸들러에서 사용) 매개변수를 통해 전달되고 전달받은 함수의 내부에서 어느 .. 자바스크립트_데이터타입과 연산자 Primitive Types(Number, String, boolean, undefined, null) - undefined : Js에 의해 처음 생성된 값, 설정되지 않은(' not set '), Number(undefined) > NaN(not a number) //by Value (primitives) var a = 3; var b; b = a; a = 2; console.log(a); // 2 console.log(b); // 3 Reference Types(Array, Object, Function) //by Reference (Objects including functions) var c = { greeting: 'hi'}; var d; // c와 d가 같은 메모리 공간을 가르키도록함 d = .. 자바스크립트_스코프 Execution Context 실행 컨텍스트는 실행 가능한 코드가 실행되기 위해 필요한 환경 이라고 말할 수 있다. (Execution Context에 대한 자세한 내용은 위 링크 클릭시 내용 참고) Lexical environments 중에서 어떤 환경이 실행되는지 Execution context에 의해 결정된다. (*Lexical enviornments : 코드를 어느 위치에 작성하느냐, 어떤것이 감싸고 있느냐 에 따라 다르게 작동한다는 의미) Execution Context의 두가지 단계 b(); console.log(a) var a = 'Hello World'; function b() { console.log('Called b'); } // called b // undefined (var a i.. 이전 1 ··· 3 4 5 6 7 8 9 ··· 11 다음
