스터디때 언급된 부분이라 나도 살펴봤다. 일단 나의 코드는 이렇게 생겼다 HOME INTRODUCTION THINGS I LIKE 현재 열린 페이지의 메뉴색을 다르게 해서 구분하기 위해 현재페이지에 클래스값을 주고 글자색을 다르게 설정했다. .current-page{color: black;} 그런데 다른부분을 만지다보니 이 효과가 작동하지 않아서 선택자를 좀더 구체적으로 지정해 보려고 코드를 변경해보았다. #menu .current-page{color: black;} 그랬더니 다시 작동했다. 나는 이 선택자를 id가 'menu'인 태그 안에 있는 class이름이 'current-page'인 태그 라고만 알고 있었는데 알아보니 더 정확하게는 id가 'menu'인 태그 안에 있는 class이름이 'curre..

자바스크립트에서 '없음'을 나타내는 두 가지 값이 있다. 둘의 차이점을 알아보았다. let name1; // 변수를 선언하면 컴퓨터는 메모리의 빈 공간에 식별자를 할당하고 자동으로 undefined를 저장한다. let name2 = null; // 사용자가 명시적으로 '없음'을 표현하기 위해 대입한 값. console.log(name1); // 결과: undefined console.log(name2); // 결과: null console.log(null == undefined); // 결과: true console.log(null === undefined); // 결과: false /* 동등 연산자(equality operator, ==)로는 어떤 변수가 null인지 undefined인지 판별 불가. ..

const myString = '안녕하세요'; console.log(myString); let myName = "JavaScript"; console.log(myName); 또 예제를 보다가.. 왜 위에는 const고 아래는 let일까 같은 문자열인데! 책을 보니 또 거기서는 변수선언을 var로 하고있다!!! 그래서 검색을 해서 알아내보았다~ var var(variable)는 이미 선언된 변수를 다시 선언할 수 있다. var d = 1;// 변수 d 선언, 값 1 할당 var d = 2;// d 재선언, 2 할당 d = 3;// d에 3 재할당 이미 변수로 쓰이고 있는 식별자를 또 다시 변수 이름으로 선언이 가능하다면 문제가 생길 수 있기 때문에 ES6부터는 let과 const가 등장했다고 한다. 내가 ..

let myAge = 20; console.log(myAge) // 아래와 같이 콤마(,) 를 사용하여 // 여러 내용을 한번에 출력할 수 있습니다. console.log("제 나이는", myAge, "살입니다.") 자바스크립트 예제들을 확인하며 공부하는데 위와 같이 어떤 구문에는 ;가 붙어있고 어디는 안붙어있었다. 처음에는 변수선언에만 붙이는건가? 싶었는데 다음예제에서는 또 다른식으로 어디만 붙어있길래 전부 지우고 실행, 전부 넣고 실행을 해봤는데 둘다 돌아갔다. 그래서 검색을 해보고 알게된 점. 세미콜론을 내가 적지 않아도 인터프리터가 자동으로 구문 구분시 세미콜론을 붙여준다! 세미콜론 자동삽입(ASI, automatic semicolon insertion)이라는 기능이다. 그 과정을 이해한다면 안 ..

본문 태그 안에 ,가 있는 구조이다. 태그는 본문을 설명한다. 본문을 설명하는 제목인 태그와 본문의 저장방식이 적혀있다. 처음 html파일에 한글을 포함해서 만들고 웹브라우저로 열어보면 한글이 외계어로 나오는 경우가 있는데 파일의 인코딩 방식과 웹브라우저의 인코딩 방식이 달라서 생기는 문제이다. 그래서 태그 안에 이 코드를 삽입해서 웹브라우저가 utf-8방식으로 코드를 읽어서 한글이 깨지지 않게 해주면 된다.