TIL

240718

playhong 2024. 7. 18. 23:12

FACTS(사실, 객관) : 내가 한 일

어제 만든 링크페이지를 깃허브를 통해 배포 (https://play93.github.io/mylinks/)

깃허브에 배포 후 5분이 지나도 404 페이지가 계속 뜨길래 깃허브 공식문서에서 해결방법을 찾아 수정함

" GitHub에 있는 사이트의 리포지토리에 index.html 파일이 있는지 확인합니다. "

html파일의 제목이 index로 되어있지 않아서 생긴 문제였음

 

+ 따로 구매했던 강의시청


FEELINGS(느낌, 주관) : 나의 감정적인 반응, 느낌

처음 배포를 하고나니 진짜 시작이라는 느낌이 들었다.


FINDINGS(배운 것) : 그 상황으로부터 내가 배운 것, 얻은 것

(1) 상수 & 변수

둘 다 값을 저장할 수 있지만,

변수(let)는 언제든 값을 바꿀 수 있는 반면에

상수(const)는 한 번 저장된 값을 바꿀 수 없다.

 

(2) 자료형

- Number type

  기본적인 사칙연산 지원

  숫자는 아니더라도, infinity(양의 무한대)/minus infinity(음의 무한대)도 지원

- String type

  문자열값을 모두 지원

  덧셈연산까지 지원 (각각의 문자열을 이어붙여줌)

  backtick을 이용해 변수 값을 동적으로 문자열에 포함시킬 수도 있음

- Boolean type

  참(true)이나 거짓(false)을 저장

  현재의 상태를 의미하는데 주로 사용

- Null type

  아무것도없다는 뜻

  변수에 아무 값도 들어있지 않다는 걸 표현하기위해 사용

- Undefined type

  선언한 변수에 값을 넣지 않았을 때 자동으로 할당되는 값

  (null은 직접 어떠한 값도 없다를 표현한다는 점에서undefined와는 다름)

 

(3) 형변환

어떤 값의 타입을 다른 타입으로 변경

- 묵시적 형변환

  직접 설정하지 않아도 javascript엔진이 오류를 발생시키지 않도록 알아서 (암묵)형변환

  예를 들면 두개의 변수에 각각 문자열과 정수를 넣고 덧셈을 하면 정수를 자동으로 문자열로 변환해 표시한다.

-명시적 형변환

  직접 함수  등을 이용해 형변환

//문자열을 숫자로 형변환
let str1 = "1"
let num1 = Number(str1);

//숫자와 문자가 함께 포함된 문자열을 숫자로 형변환 
let str2 = "1원"
let num2 = parseInt(str2);

//숫자를 문자열로 형변환
let num3 = "1"
let str3 = String(num3);

 

(4) 연산자

 

(5) 조건문

- if 조건문

  구조: if(조건){조건이 만족됐을 때 수행할 코드}else if(조건){ 조건을 충족시키지 못했을 때 수행할 코드 }else{조건을 충족시키지 못했을 때 수행할 코드}

  반드시 if로 시작해서 else로 끝나거나 else없이 끝내야 함.

- switch문

  if문과 기능 자체는 동일

  다수의 조건을 처리할 때 if문 보다 더 직관적이다.

  switch(비교하고 싶은 변수){조건이 만족됐을 때 수행할 코드 break;}case{조건이 만족됐을 때 수행할 코드 break;}

  switch문은 case를 탐색하다 조건이 충족됐을 때 그 아래의 모든 코드를 수행시켜줌.

  이를 막기 위해 case안에 break;를 걸어줘야함. 

 


FUTURE(미래) : 배운 것을 미래에는 어떻게 적용할 지

아직은 잘 모르겠음

'TIL' 카테고리의 다른 글

240723  (0) 2024.07.23
240722  (0) 2024.07.22
240719  (0) 2024.07.19
240717  (0) 2024.07.17
240716  (0) 2024.07.16