Language/JavaScript (37) 썸네일형 리스트형 자바스크립트 프로젝트 시작 준비 (요약) 개발용 컴퓨터 에디터깃 설치 (https://git-scm.com)Gulp 설치 (npm install -g gulp)ESLint 설치 (npm install -g eslint) 디렉토리 설정 깃 저장소package.json 파일 준비 : npm initgulpfile.js걸프와 바벨의 로컬 패키지 : npm install --save-dev gulp gulp-babel babel-preset-es2015.babelrc 파일 ({"presets":["es2015"]}).eslintrc 파일 : eslint --init노드 소스용 서브디렉토리 es6브라우저 소스용 서브디렉토리 public/es6 코드 작업 순서 코드 수정은 논리적으로 일관되게걸프를 통해 잠재적 오류 찾기1,2 번 통과할 때까지 반복git .. 자바스크립트 개발 도구 깃(git) : 프로젝트가 커져도 쉽게 관리할 수 있고, 다른 개발자와 협력할 수 있게 돕는 버전 컨트롤 도구튜토리얼1 : https://try.github.io/levels/1/challenges/1튜토리얼2 : 매튜 맥컬로프의 문서 ( 한국어 번역 본 : https://git-scm.com/book/ko/v2 ) 노드(Node) : 브라우저 밖에서 자바스크립트를 실행시켜주는 도구. npm(설치된 패키지 관리)이라는 도구 설치 기능을 가진 것도 함께 설치됨. node 설치 : https://nodejs.org/ ( 설치 후 노드$node -v와 npm$npm -v이 잘 동작하는 지 확인 ) npm을 통해 패키지를 설치하면 node_modules이라는 폴더가 새로 생기는데, 이는 매번 삭제해주는 것이 좋.. [jQuery] 기본형태(시작) Line 1,4 : (jQuery의 역할) 자바스크립트 코드를 실행하기 전에 브라우저가 HTML을 전부 불러왔는지 확인. 브라우저 기반 자바스크립트를 만들 때 작성해주어야 한다. Line 2 : "use strict"; 자바스크립트 인터프린터에서 코드를 더 엄격하게 처리하라는 뜻. 함수의 정의와 선언 방법 (4가지) 함수입력(파라미터=인수)하여 결과를 뽑는 구조.호출시 소괄호() 생략할 수 없으므로 주의 (생략시, 함수 정의 내용 그대로 출력) ▶ 디폴트 함수 ▶ 스스로 함수 ( 개발자가 스스로 정의하는 함수 ) 형태1. function 명령 사용 ( 기본적 ) * 반환값 (return)- 일반적으로 말미에 기술- 함수 도중 기술 시 : 이후 코드가 실행되지 않으므로 주의, 꼭 조기 분기 명령(if/switch 등) 함수와 함께 사용- 반환값 생략 : 상관없으나 undefined(미정의값) 반환 형태2. 냉장객체 Function * 가인수? 함수 정의로 선언된 인수* 실인수? 함수 호출시 선언되 인수 형태1인 더 깔끔하고, 따옴표로 인수나 함수를 둘러싸지 않으니 이게 더 좋은거 아닌가? 맞음But, 중요한 특징! 인.. 콜백(callback) 함수 명령어 : node sampel.jssample.js에 담긴 코드에 담겨있는 자바스크립트를 실행하는 명령어. 명령어 : node (파일이름없이)직접 자바스크립트 코드를 터미널을 통해 진행 가능. 함수의 return 값 : 0 or 음수 or 양수 ▣ 콜백함수? 예)sort라는 함수가 b라고 하는 함수를 매개변수(인자)로 받으면 sort라는 함수는 내부적으로 어떤 값을 앞으로 보낼건지 뒤로 보낼건지 결정이 필요 할 때마다 b라는 함수를 호출.value1,value2를 통해 나온 리턴값에 따라서 sort라는 함수는 정렬을 하게 된다. "여기서 b라는 함수가 콜백함수." 콜백함수라는 것을 정의했지만 호출은 sort라는 함수가 내부적으로 '필요할 때마다' 호출한다.호출은 내가 하는것이 아니라 누군가에 의해 호출.. 이전 1 2 3 4 5 다음
