분류 전체보기22 스타일 가이드 복습하기 03 (Functions, ArrowFunctions) # Function 개념 1. 독립적으로 분리된 로직. 프로그램 수준에서 이미 정의된, 혹은 사용자가 정의한 실행 단위. 2. 일급객체(First Class Object) 객체를 변수나 데이터구조 안에 담을 수 있다 인자 전달 및 반환값으로 전달 가능하다 런타임에 생성될 수 있다 3. 함수선언(Function Declaration) VS 함수 표현(Function Expression) 함수 선언 Function Declaration ( ≒ Function Statement ) 실행 가능한 코드블럭이 아닌 함수의 정의 statement 코드 해석에 따른 수행결과가 없음 function declarations always need names 이렇게 선언된 함수는 언제나 호이스팅 가능함 함수 표현 Functi.. 2023. 8. 22. 스타일가이드 복습하기 02(Arrays, Destructuring, Strings) 04 Arrays 배열 1. 배열 작성 시 리터럴 구문 사용 const arr = []; 2. 배열 인덱스를 통해 항목 대입하는 것을 지양하고, Array.prototype.push() 를 이용할 것 const stacking = []; //bad stacking[stacking.length] = 'pushThing'; //good stacking.push('pushThing'); 3. 배열 복사할 때 spreads( ... , 확장 연산자) 사용 const items = [0,1,2,'three',4,'end']; //Bad const len = items.length; const itemCopy = []; for(let i=0; i 2023. 8. 22. 스타일가이드 복습하기 01 (Types, References, Objects) 자바스크립트 코드는 C/C++ 언어와 다른 코드 스타일을 가졌다. 읽기 좋은 문서, 가독성 있는 문서를 만드는 것이 최우선이므로 아래와 같은 스타일가이드도 존재한다. 잘 정리되어 있어서 노트에 쓰면서 하나하나 확인해보고 있는데, 타이핑하며 복습하기 위해 포스팅 하고자 한다. 자세한 내용은 모두 아래의 출처에 있다. 출처 : 에어비엔비 스타일가이드 https://github.com/tipjs/javascript-style-guide GitHub - tipjs/javascript-style-guide: Airbnb JavaScript 스타일 가이드 한국어 Airbnb JavaScript 스타일 가이드 한국어. Contribute to tipjs/javascript-style-guide development .. 2023. 8. 22. 카드 짝 맞추기 게임 Project 4 (기능3 : 재시작 기능 수정과 카드 뒤집기) 재시작 기능 수정의 필요성 기존 코드에는 재시작 버튼을 누르면 화면의 요소들을 숨기거나 보여주기만 했다. 하지만 이제 기능이 도입되고, 게임화면이 복잡해졌으므로 재시작을 누름과 동시에 기능과 게임화면을 모두 처음으로 초기화 해주어야 한다. 따라서 앞으로도 기능이 추가됨에 따라 재시작 기능은 수정되어야 할 부분이 늘어날 것! 우선 현재까지의 추가된 기능과 변화는 우선 타이머 와 시간초과 기능, 카드덱 랜덤 배열 기능, div#timer, div#carddeck, div#gameover의 생성 및 소멸에 관련된 html요소 변화들이 있다. (이때 카드덱 랜덤 배열 기능은 시작 버튼 클릭 시 새로 호출되는 turnIntoGame() 을 통해 자동적으로 발생. 재시작 버튼과 관련이 없다.) 재시작 버튼을 누르는.. 2023. 8. 17. 이전 1 2 3 4 ··· 6 다음
