JavaScript: JS 기초 Ep.2 (예약어, 함수, 조건문)
예약어
예약어는 특별한 의미를 가지고 있어, 변수나 함수 이름 등으로 사용할 수 없는 단어이다.
- Reserved Word
let this = 'Hello'; // SyntaxError let if = 123; // SyntaxError let break = true; // SyntaxError
JavaScript: JS 기초 Ep.1 (표기법, 제로 넘버링, 주석, 데이터 종류, 변수)
표기법 (프로그래밍 표기법)
- dash-case(kebab-case)
dash(-)기호를 사용하는 표기법이다. HTML, CSS에서 사용한다.
꼬챙이에 끼운게 케밥처럼 생겼다고도 해서 케밥 케이스라고도 부른다.
dash 기호를 붙여줌으로써 띄어쓰기를 대신하고 있다.
ex) the-quick-brown-fox-jumps-over-the-lazy-dog - snake_case
단어와 단어 사이에 underscore ()를 사용하여 하나로 묶어낸다. HTML, CSS에서 사용한다. ex) the_quick_brown_fox_jumps_over_the_lazy_dog - camelCase
첫 글자는 소문자로 시작 그 다음부터 오는 단어들은 대문자로 시작하는 단어이다.
낙타 혹 같아 보여서 카멜 케이스라고 부르며 JS에서 주로 사용한다.
ex) theQuickBrownFoxJumpsOverTheLazyDog - ParcelCase
첫 단어와 다음에 오는 단어 모두 대문자로 시작한다.
카멜 케이스와 유사하지만 처음 단어를 대문자로 작성한다는 점이 다르다.
추후, JS에서 New라는 키워드를 가지고 있는 생성자 함수를 배울 때 파스칼 케이스를 통해 함수의 이름을 명시한다. JS에서 사용한다. (이 중에서도 특수한 경우에 사용한다.)
ex) TheQuickBrownFoxJumpsOverTheLazyDog
InQ Project Manager: 공통 CSS 파일 만들기
공통 CSS 파일 필요성
More …
InQ Project Manager: 로그인과 회원가입 페이지 제작
로그인 페이지
해당 프로젝트는 로그인을 해야만 이용이 가능하게 만들었다.
그래서 해당 프로젝트에 들어가면 가장 먼저 보이는 것은 로그인 페이지이다.
로그인 페이지는 여타 그렇듯 아이디, 비밀번호 입력창과 로그인, 회원가입 버튼을 넣었다. 아이디와 비밀번호 찾기는 구현하지 못하여서 형태만 넣어 두었다.
Trip Or Travel: 이제야 올리는 TOT 프로젝트 완성글
여는 말
이 프로젝트를 완성한 것은 2021년 11월 말인데…ㅎ;; 이제야 프로젝트 완성했던 글을 쓴다…
사실, 이 프로젝트를 통해 새롭게 알게 된 내용 정리하고 그래야 하는데, 너무 오래 지났다보니 정확하게 새롭게 배웠던 내용이 뭐 였는지 기억이 안난다…!!
~~사실 새롭게 알게 된 내용이 많기도 했고
결론은, 게으름 피운 나의 업보..랄까…? 일단 (나름)최근에 끝냈던 동아리 프로젝트 관련 내용이 기억날때 다 적어둬야 겠다고 판단했다. 그래도 이 프로젝트의 완성본과 약간 기억나는 점들을 작성하자는 생각에 다시 이 프로젝트 관련 글을 작성한다!