메모장

자신의 프로젝트를 시작할 때 모든 개념을 총동원 하려 하지 마세요 . 필수 불가결한 최소한의 도구만으로 문제를 해결하려는 시도를 하셨으면 좋겠습니다. 최소한의 도구란 ? 프로그래밍이라는 말에 이미 함유돼 있는것 같습니다. 순서에 따라 실행돼야 하는 명령들이 실행되게 하는 것입니다. 이것이 처음 시작한 우리에게 필요한 유일한 도구입니다.  어떤 웹페이지의 태그를 삭제하고 싶거나 어떤 태그의 자식태그를 추가하고 싶다면 document 객체를 살펴보자!이 객체에 필요한 메서드가 포함되어 있을 겁니다.  웹페이지가 아니라 웹 브라우저 자체를 제어해야 한다면 'window'객체를 살펴보세요.  웹페이지를 리로드하지 않고도 정보를 변경하고 싶다면 'Ajax'가 필요할 겁니다. Ajax는 현대적인 웹 앱을 만드는데 ..

UI - User Interface 의 약자 이며 API - Application Programming Interface 의 약자입니다.  사용자가 시스템을 제어하기 위해 사용하는 조장장치를 UI 라고 합니다. alert() 라는 함수는 경고창을 실행하는 조작장치 입니다.  이처럼 우리가 애플리케이션을 만들기 위해 프로그래밍을 할때 사용하는 조작장치를 애플리케이션 프로그래밍 인터페이스 라고 합니다. alert() 라는 것이 바로 애플리케이션 프로그래밍 인터페이스(API) 인 것입니다. 이것은 자바 스크립트에 국한된 이야기가 아니라 모든 프로그래밍 언어에 공통적으로 적용되는 이야기 입니다. 모든 애플리케이션은 API를 프로그래밍적으로, 다시 말해 순서대로 실행하는 방식으로 만들어집니다.여러분은 자바스크립트..

우리가 소프트웨어를 만들때 혼자 만드는 것보다느 다른 사람이 이미 잘 만든것을 부품으로 삼아 내가 만들고자 하는 것을 빠르게 조립해서 만드는 것이 오늘날 소프트웨어를 만드는 아주 중요한 기본 중의 기본이라 할 수 있습니다. 알아두면 좋은 키워드는 라이브러리와 프레임 워크 입니다.  라이브러리는 무엇인가 정리정돈돼 있는 곳입니다. 내가 만들고자 하는 프로그램에 필요한 부품들이 되는 소프트 웨어들을 잘 정리정돈해 놓은, 재사용하기 쉽게 돼 있는 소프트웨어를 라이브러리라 합니다.  프레임워크는 우리가 만들고자 하는 것이 있을때 그것이 무엇이냐에 따라 (예를들어, 게임이냐 웹 사이트냐 채팅 프로그램이냐에 따라 ) 언제나 필요한 공통적인 것이 있고, 기획 의도에 따라 달라지는 부분이 있습니다.  라이브러리는 소프..

서로 연관된 코드들을 파일로 묶어서 그루핑 하는 것입니다. 이전시간에 했던 코드 중 스크립트 부분을 복사해서 붙여 넣어보겠습니다. ...생략...... 생략 ... 만약 페이지가 1억개라고 생각해봅시다. 배포가 어렵겠지만 그것보다 우리가 작성했던 코드 중 'powderblue' 를 'yellow'로 바꾸고 싶다면 모든 웹 페이지에 있는 'powderblue' 를 'yellow'로 바꿔야 합니다. 이렇게 하기란 어려운 일인데 이러한 절망적인 상황을 해결하는 도구는 파일로 쪼개는 겁니다.  공통코드를 지우고 로 대체 해보겠습니다.... 생략 ...... 생략 ... 파일로 쪼갰을때의 장점은 새로운 파일을 만들면 모든 코드를 복사할 필요 없이 간단하게 colors.js 파일을 새로운 웹페이지에 포함 시키기만..

앞서작성 했던 예제 코드 입니다.  위 코드에서 중복되지 않은 함수명으로 작성했던 코드를 바꿔서 Body라고 하는 변수에 객체를 담아보겠습니다. ... 생략 ... 그리고 이 객체에 프로퍼티를 setColor를 지정한 다음 function을 지정하면 된다. ... 생략 ... 그리고 객체에서는 프로퍼티와 프로퍼티를 구분하기 위해 콤마를 사용 합니다 ! 마찬가지로 LinksSetColor() 도 객체로 만들어봅니다.... 생략 ... 이렇게 해서 함수가 무엇인지 확인 됐습니다. 지금까지 사용해온 document 가 객체 였고, querySelector()는 함수 이며, 객체에 소속돼 있었기 때문에 메서드 라는 사실을 알게되었습니다.

객체는 데이터를 담을 수 있습니다. 객체에는 그중에서 함수도 담을 수 있습니다.... 생략 ...Property & Method... 생략 ... 이렇게 하면 coworkers의 변수명이 다른것으로 바뀌어도 this 는 자기 자신을 가리키기 때문에 영향을 받지 않는다는 장점이 생긴다. 이렇게 객체에 소속된 변수의 값으로 함수를 지정할 수도 있고, 객체에 소속된 함수를 만들 수 있다는것을 배웠다. 그리고 객체에 소속된 함수를 메서드 라고 하며, 객체에 소속된 변수를 프로퍼티 라고 한다.

반복문을 써서 배열에서 데이터를 가져온 것 처럼 객체에서도 가져오는 방법을 알아보겠습니다.... 생략 ...CreateIterate... 생략 ... 여기서 사용된 for 는 corworkers라는 변수가 가리키는 객체에 있는 (in) key 값을 가져오는 반복문 입니다. 그리고 여기서 말하는 key 값은 "programmer", "designer", "bookkeeper","data scientist"를 가리킵니다.즉 , key 라는 것은 우리가 가져오고 싶은 정보에 도달할 수 있는 열쇠를 말합니다. Iterate... 생략 ... 출력 결과는 programmerdesigner bookkeeperdata scientist key값이 모조리 출력됨  반복문에서 객체의 키 값과 데이터 모두 출력하는 방법 ..

지금까지 배운 내용 중에서 정보의 양이 많아졌을때 서로 연관된 정보를 정리 정돈 하기 위한 도구가 무엇이었나요 ? 배열 이었습니다. 그리고 배열이란 순서에 따라 정리정돈한다는 특징이 있었습니다. 즉 , 배열이라는 도구는 정보를 담는 그릇이면서 동시에 정보가 순서대로 저장된다는 특징을 지니고 있습니다. 순서대로 저장될 수 있는 정보가 있다면 순서없이 저장할 수 있는 정보도 있지 않을까요 ? 그것이 객체입니다.  ... 생략 ...Create... 생략 ... 그러면 coworker라는 객체에 "egoing" 이라는 정보를 "programmer" 라는 딱지를 붙여서 저장한 것이며 ,"leezche" 라는 정보는 "designer" 라는 딱지를 붙여 저장한 것입니다. 그럼 이러한 정보를 꺼낼땐 어떻게 해야 할..

여러분에게 제시할 객체의 얼굴 중 하나는 바로 정리정돈의 수단으로서의 객체 입니다. 프로그래밍을 하다보면 코드가 많아지고, 코드가 많아지면 잘 정리 정돈 하기위해 함수라는 것을 씁니다. 그러한 상황에서 서로 연관된 함수와 변수를 같은 이름으로 그루핑해서 잘 정리 정돈하기 위한 도구를 객체 라고 말씀드리고 싶습니다. 자바 스크립트를 만든 사람들은 이런 경우에는 사용하라고 객체라는 것을 장만 했습니다. 서로 연관된 함수와 변수를 그루핑 해서 정리정돈하기 위한 수납상자로서 객체라는것이 존재한다는 것입니다.  여기서 배우는 객체라고 하는 것 역시 아직 만드는 법은 배우지 않았지만 폴더라는 관점으로 보셔도 됩니다. 또 한가지 중요한것으로 document라는 것이 있습니다. document 역시 객체 라는것을 알 ..

동작하는 내용은 똑같지만 코드를 효율적으로 만드는 것을 리팩터링이라고 합니다. 함수는 리팩터링의 굉장히 중요한 수단 중 하나로서 리팩터링 에서 아주 중요한 역할을 합니다. 태그 안쪽에  그리고 태그를 달아줍니다.  함수 안에서 this 값이 input버튼을 가리키도록 nightDayHandler() 이 실행될때 this값을 줍니다. 그리고 function nightDayHandler(self) 로 코드를 바꿔서 this 라는 인자를 self라는 매개변수로 받겠습니다. 이렇게 되면 버튼들이 1억개라 해도 각 버튼이 알아서 잘 동작하게 되며, 코드도 훨씬 더 줄고, 함수의 이름을 보고 주간 모드/야간모드를 다루는 코드라는 것을 알 수 있으며, nightDayHandler() 함수의 내용을 바꾸면 이를 ..