패스트캠퍼스 환급챌린지 17일차 미션 (2월 17일) : 프론트엔드개발 강의 후기

오늘의 목표

ch.09 JAVA SCRIPT- 01.개요 ㅣ 02.데이터종류 ㅣ 03.변수,예약어 ㅣ04.함수

본격 자바스크립트 가보쟈고!!

 

오늘은 날이 많이 좋다:) 좋은 날씨 가운데에서 좋은 날씨를 누리며 나는 강의를 들으러 왔다!!!ㅎㅎ

음 그래도 이렇게 하루하루 기록하면서 좋은 점은 내가 조금 더 집중해서 듣게 된다는 거다.

 

 

기본적인 준비를 완료하고,

 

기본적인 '표기법' 이라는 게 있나보다.

(완전 처음들었어...!)

 

1. dash-case(kebab-case)

2. snake_case

3. camelCase

4. ParcelCase

 

1. dash-case(kebab-case)

단어와 단어 사이 - 대쉬를 넣는 거

띄어쓰기 대신 사용하는 거

사용되는 곳 : html / css

ex.the-quick-brown-fox...

 

2. snake_case

단어와 단어 사이 - 언더바가 있는 거

사용되는 곳 : html / css

ex.the_quick_brown_fox...

 

3. camelCase

낙타처럼 중간중간 볼록볼록 - 첫단어 이후에 나오는 단어가 대문자로 시작하는 거

사용되는 곳 : js

ex.theQuickBrownFoxJumps...

 

4. ParcelCase

new.첫단어부터 나오는 단어의 첫글자가 다 대문자로 시작하는 거

사용되는 곳 : js

ex.TheQuickBrownFoxJumps...

 

*대부분은 ParcelCase보다 camelCase 를 많이 사용함.

 

⭐️ Zero-based Numbering ⭐️

개발언어는 기본적으로 0부터 숫자를 센다!!!

 

 

-

주석(자바는 주석을 사용할 수 있는 종류가 2가지가 있다)

 

1) 한줄만 작성할 거면

// 주석 내용

 

2) 여러줄만 작성할 거면

/* 주석 내용 */

 

 

데이터종류

1) string(문자데이터) - 큰따옴표 혹은 작은 따옴표 또는  ` 그레이브 or 백틱(이건 뭔지 아직모르겠음)

백틱이라는 기호를 사용할 때, 그 문자 중간에 어딘가에 다른 데이터를 보관(?)해서 중간에 끼워넣을 수 있음

let 으로 변수 시작함.

 

2) Number(숫자데이터) - 정수 및 부동소수점 숫자

 

3) Boolean(불린데이터) - true, false 두가지 값 밖에 없는 논리 데이터

 

4) Undefined - 값이 할당되지 않은 상태

존재하지 않는 데이터에 대해서도.

obj(object 오브젝트 줄임말)

 

5) Null - 어떤 값이 *의도적으로 비어있음을 의미함

 

6) Object - 여러 데이터를 Key:Value 형태로 저장함 { }

 

7) Array - 배열데이터(여러 데이터를 순차적으로 저장함)

 

 

그리고 배운 걸 토대로 맥북으로 자바 입력을 하는데...

도대체 백틱이 왜 나는 키보드에.... 없는가 ???/ 했다...

그래서 검색해보니까 맥 키보드에서 백틱은 ₩ 를 영문으로 바꿔서 누르면 ` 이렇게 나온다는 것을..! 알게 되었다.

 

하단 이미지 참고!! (미세먼지같은 팁 소중해;) 감사합니당)

이미지 출처 : https://weblin.tistory.com/79

 

 

 

신기방기

실제로 입력하니까 요롷게 나오는 게 너무 재밌넹 꺄오

(사실 따라하니까 이렇게 하지.. 실제로 혼자서 뭘 만들기에는 아직... 아무것도 모름..ㅎㅎㅎ) 

 

아래는 내가 직접 작성해서 나온 값들:) 뿌듯

 

-

함수 선언_ 과 관련된 코드:)

ex.

//함수 선언

funstion helloFunc(){

//실행코드

console.log(1234);

}

 

//함수 호출

helloFunc(); //1234

 

 

오유 무슨 말인지 알겠다가도 또 어려워져서 너무너무 헷갈린다.

흐하아아아아-

 

정말 너무 어렵다.

다시 듣고 또 다시 들어야 되나ㅠ보다...

오늘은 함수까지만..!

너무 어렵지만, 익숙해지기 위해서는 보여주신 예제를 vscode에 직접 입력해서 html 을 live 로

바로바로 확인해보는 연습을 꼭  해야겠다.

에효효 개발자를 존경하게 되었다.

우리 회사 개발자님들에게 잘.. 해드려야지...

 

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.
#패스트캠퍼스 #직장인자기계발 #직장인공부 #환급챌린지 #패스트캠퍼스후기 #오공완 #프론트엔드

 

https://bit.ly/48sS29N

패스트캠퍼스 [직장인 실무교육]