본문 바로가기

바닐라코딩 사전학습45

Function / Arrays / Object 이 글은 var, let, const 차이점 (velog.io) bathingape님의 글을 참고해서 작성하였습니다 Function (함수) **변수 선언시에 var, let, const의 차이 1. 선언 시 차이 var : 같은 이름의 변수를 선언해도 에러를 출력시키지 않고 덮어씌운다. -> 이를 보완하기 위해 나온것이 let과 const let : 같은 이름의 변수를 선언하면 이미 선언된 변수명이라고 에러메세지를 출력시켜준다. 변수에 다른 값을 입력시키기 가능(재할당 가능) const : let과 같이 같은 이름의 변수를 선언하면 에러메세지 출력. 재할당도 불가능. var name = 'bathingape' console.log(name) // bathingape var name = 'javascri.. 2021. 12. 24.
주석 1. 주석은 나쁜 코드를 보완하지 못한다. - 코드에 쓸데없는 주석을 붙이는 것은 자신의 코드에 자신이 없기 때문이다. - 주석을 어떻게 쓸까 고민 할 시간에 더 깔끔한 코드를 작성하도록 노력하자 2. 우리는 프로그래머이다. 코드로 의도를 전달하자 3. 좋은 주석이란? - 법적인 주석 : 저작권이나 소유권 정보 - 정보를 제공하는 주석 - 결과를 경고하는 주석 - TODO주석 : 앞으로 해야할 일을 적어놓는 주석. 그러나 나쁜 코드를 남기는 핑계가 되어서는 안된다. 또한 TODO주석은 너무 많아지면 안된다. 주기적으로 업데이트해서 깔끔하게 정리하자. 4. 나쁜 주석이란? - 특별한 이유없이 의무감으로 다는 주석 - 같은 이야기를 반복하는 주석 - 이력을 기록하는 주석 : 이제는 깃허브라는 신이 있으므로 .. 2021. 12. 24.
Exercise - FizzBuzz/Biggest Number/Word position 1. FizzBuzz 아이디어 1) 1~100까지 출력은 for문으로 작성 2) 3의 배수와 5의 배수에서 출력되는 문자는 for문 안에 if문을 사용해서 작성. 조건식은 3과 5로 나누어서 나머지가 0이 되면 true가 되도록. 3) 3과 5의 공배수는 3의 배수 if문에서 중첩 if문을 사용해서 5로도 나누어지는 수가 나오면 fizzbuzz가 출력되도록 작성. 결과 : 1 2 fizz 3 4 buzz 5 ... 와 같이 3과 5의 배수에서 fizz buzz를 출력하는 결과가 나와서 if문 안에 continue를 작성했더니 정상작동하였다. 2. Biggest Number 아이디어 1) a와b를 비교해서 이 중 큰 수를 c와 다시 비교해서 마지막으로 가장 큰 수를 찾아낸다. 2) 첫번째 if문은 a와 b.. 2021. 12. 24.
Falsy/Truhty, ==/=== JS는 값들에 falsy와 truhty가 있다. Falsy 0, -0, false, undefined, null, "", '', '', NaN 위의 Falsy값 이외의 모든 값들은 Truhty값이다. Falsy와 Truhty는 사용자가 정확한 Boolean 값이 아니더라도 JS에서 필요할 때 적절하게 바꿔준다. (조건문 등) 주의점 // true '' == 0; false == 0; null == undefined; // false 0 == undefined; '' == null; NaN == NaN; Falsy와 Truhty는 만약 해당 타입이 코드에 적절한 타입이 아닐 경우 true 혹은 false로 바꾸어 줄 뿐이다. 값 자체가 바뀌는 것은 아니기 때문에 같음을 비교하려고 한다면 타입까지 비교해주는.. 2021. 12. 24.
JS의 요소들 Variables Identifiers는 숫자, 알파벳, $, _ 가 사용될 수 있으나 숫자로 시작해서는 안된다. 또한 예약어는 Identifiers가 될 수 없다. var one = 1;은 var one; one = 1; 을 하나로 합친 코드이다. 따라서 var one=1; 이라는 코드는 one이라는 변수를 만든 후에 1을 one에 대입하는 코드이다. Boolean Boolean은 True와 False 두가지 값만 가진다. console.log란? 자바스크립트 console.log인수로 설정한 값을 디버거 콘솔에 표시하는 함수. 디버깅 시 강력하게 사용가능 null & undefined undefined "정의되지 않음" 을 뜻한다. 어떤 변수를 만들고 그 값을 정의해주지 않았을 때 사용. 값이 대입되.. 2021. 12. 24.
input.onkeydown의 동작 input.onkeydown = function changeHeader () { header.textContent = input.value; }; 키보드의 입력을 감지하는 onkeydown이벤트를 구독하고(input.onkeydown) 이벤트가 발생하면(키보드 입력) changeHeader 함수가 호출되고 input에 입력된 값을 저장한다. function changeHeader(){}를 통해 changeHeader라는 함수를 사용자가 정의했다. input.onkeydown을 통해 들어온 값을 input.value에 저장하고 이 값을 .textContent이벤트를 통해 header변수의 값을 바꾼다. header변수는 header태그를 할당하였으므로 header태그의 컨텐츠가 바뀐다. //더 공부해 볼 .. 2021. 12. 24.

티스토리툴바