yeony's story

1. 주석을 코딩하기 전에 작성해놓으면, 코딩을 하면서 구현이 쉬워진다. 이 코드들이 어떤식으로 어떻게 동작하는 지 먼저 설명하기 2. 함수에 주석을 다는 것이 가장 효율적이다. 3. 복잡한 소스코드보다 주석 없이도 빠르게 이해할 수 있는 코드가 좋다. >> 개발비용보다 유지보수 비용이 훨씬 크기 때문이다. 4. 프로토타입은 주석 필요 없다. 5. 설계 리뷰가 코드 리뷰보다 훨씬 중요! 6. 라이브러리나 프로그램, 함수 단위에서는 '무엇'인지 설명한다. 7. 실행문에 달아두는 주석은 코드가 '왜' 이렇게 동작하는 지 설명한다. 문서 주석 /** */ 구현 주석 /**/ or // 코드리뷰란? 한 명 또는 여러 명의 개발자들이 본인이 만들지 않은 코드의 내용을 점검하고 피드백을 주고 받는 과정이다. 이 과..

1. 개발자 도구 F12를 누르고 소스패널로 가면, 이런 화면이 나온다 만약 아래와 같은 화면이 나오지 않는다면 소스패널 바로 밑부분에 화살표 아이콘을 눌러보기! 그러면 왼쪽 탭이 뿅하고 등장한다. 디버깅을 설정하고 싶은 줄번호를 클릭하면 설정 완료! 소스 패널에서 설정하기가 번거로우면, 코드상에서 디버깅 설정을 해두는 방법도 있다. 원하는 위치에 debugger; 명령어를 입력해주면 끄~읕! console.log() >> 원하는 것을 콘솔에 입력할 수 있다. console.log('기본'); console.info('정보'); console.warn('경고'); console.error('에러'); console.log는 참조를 로깅하기 때문에, 객체와 같이 내용물이 변할 수 있는 것들은 실시간으로 바..

1. null 비어있음, 존재하지 않음을 나타낸다. 2. undefined 값이 할당되지 않은 상태를 나타낸다. 3. prompt(question,[default]) 확인 버튼을 눌렀을 땐 사용자가 입력한 값 반환해주고, 취소 버튼을 누르면 null이 반환된다. 4. confirm(question) 확인을 누르면 true 값 반환, 그 외의 경우는 false값 반환 5. + 연산자 만약 피연산자 중 하나가 문자열일 때, 나머지 하나를 문자형을 바꾼 뒤 두 문자열을 연결한다. 6. null 병합 연산자 ?? a??b 만약 a가 null이나 undefined가 아니면, 위 식의 값은 a 반대로 a가 null이나 undefined이면 위 식의 값은 b 7. 비교연산자 == 형이 다른 값끼리 비교할 경우, 피연..

화살표 함수를 이용하면, 함수 표현식보다 더 간결한 문법으로 함수를 생성할 수 있다! 화살표 함수 형식 let function(a,b)=>expression; 만약 매개변수가 1개밖에 없다면? let function n=>expression; 매개변수가 하나도 없다면? let function()=>expression; 만약 화살표 함수의 본문이 여러줄인 경우? {}을 이용해서 묶어주기! 과제 출처 ko.javascript.info/arrow-functions-basics 화살표 함수 기본 ko.javascript.info

함수 선언문 vs 함수 표현식 함수 선언문 1. 함수는 독자적인 구문 형태로 존재한다. 2. 선언문이 정의되기 전에도 호출할 수 있다. 전역 함수 선언문은 따라서 어느 위치에 있던 간에 사용이 가능하다. >> 자바스크립트의 내부 알고리즘 때문에 가능한 일이다. 자바스크립트는 스크립트 실행 전, 준비 단계에서 전역에 선언된 함수 선언문을 찾고, 해당 함수를 생성한다. 즉 스크립트 실행 전 초기화 단계에서 함수 선언 방식으로 정의한 함수가 이미 생성된다는 말이다. 3. 함수 선언문은 함수가 선언된 코드 블럭{} 안에서만 유효하다. 함수 표현식 1. 표현식이나 구문 구성 내부에 생성된다. 할당연산자 =를 이용해서 만든다. 2. 실제 실행 흐름이 해당 함수에 도달 했을 때 함수를 생성한다. 그래서 그 구문에 실..

함수 매개변수 Function message(from, text='no text given'){ alert(from + ":" + text); } Message("ann") >>만약 text 매개변수에 값이 전달되지 않았을 경우에는 Undefined가 전달된다. 그러나 위 코드 같은 경우에는 값이 할당되지 않았을 때 no text given이라는 값이 Undefined 대신 할당된다. 함수 선언할 때 기본값을 따로 설정해두는 방법도 있지만, If문을 이용해서 함수 내에서 설정해주는 방법도 있다. Function message(text){ if (text==undefined){ text='Hello'; } } 아니면 논리연산자 ||를 이용하는 방법도 있다. Function message(text){ tex..

extension은 vscode 이용시 생산성을 높여준다. 1. Material theme >> VSCode 색상 변경시 사용 2. Material Icon Theme 아이콘을 좀 더 직관적으로 알 수 있게끔 해준다. 3. Prettier - Code formatter 코드를 자동으로 변환해준다. Ctrl + , : setting으로 이동 동그라미 친 부분 체크하기 동그라미 친 부분 체크하기2 >> 문자열 입력시 작은 따옴표 사용 설정 4. Bracket Pair Colozier : 괄호마다 색깔이 달라서 코드의 가독성을 높여준다 5. Indent-rainbow 들여쓰기에 색깔이 입혀지면서 가독성이 높아진다 6. Auto rename tag 앞에 태그를 수정하면 뒤에 태그도 자동으로 수정되게 해준다. 7..

# Heading1 ## Heading2 ### Heading3 #### Heading4 ##### Heading5 ###### Heading6 Paragraph ___ **bold** *italic* ~~strikethrought~~ > Don't forget to code your dream. * 🍒 * 🍎 * 🍅 * 🍊 * 🍋 * 🥝 Other fruits : - 🍓 Numbers: 1. first 2. second 3. third Click [here](https://www.tistory.com/)  ![image description](https://user-images.githubusercontent.com/61736137/102153953-b28..

자바스크립트의 문자열 비교 알고리즘은 유니코드순이다. 대문자 A와 소문자 a 비교 시, a의 값이 더 크다. 일치 연산자 동등연산자 ==은 0과 false를 구별하지 못한다. 왜냐면 자료형의 동등 여부까지 검사할 수 없기 때문이다. alert(' '==false); // true 일치 연산자 ===를 사용하면, 형변환 없이 값 비교 가능하다. 일치 연산자는 엄격한 동등 연산자이다. 자료형의 동등 여부까지 검사한다. alert(0===false); // false 마찬가지로 !==는 부등 연산자 !=의 엄격한 형태이다. !==는 불일치 연산자 alert(null===undefined) // false alert(null==undefined) // true >> 동등 연산자는 null과 undefined를 ..

피연산자 : 인수라는 용어로 불리기도 한다. 5 * 2 이면, 5와 2가 피연산자 1. 단항 연산자 : 피연산자를 하나만 받는 연산자이다. EX) let a=1 a=-a >> 단항 마이너스 연산자(-) 2. 이항 연산자 : 두 개의 피 연산자를 받는 연산자 거듭제곱 연산자 ** >> alert(2**3) //8 3. 이항 연산자 +로 문자열 연결하기 ※ 주의 ※ 피연산자 중 하나가 문자열이면 다른 하나도 문자열로 자동변환! ex) alert(2+2+'1') //41 4. 단항연산자 +와 숫자형으로의 변환 단항 연산자의 피연산자가 숫자가 아닌 경우, 숫자형으로 변환이 일어난다. 연산자 우선순위 단항 연산자의 우선순위 >> 이항 연산자의 우선순위 할당 연산자 =는 연산자이기 때문에 흥미로운 함축성을 내포하고..