[혼공JS] 1주차 미션 및 궁금증 해결

2024.01.02 - [프로그래밍 공부/Javascript] - [혼공JS]자바스크립트 입문 출사표

2024.01.02 - [프로그래밍 공부/Javascript] - [혼공JS] 개발환경 설정 chapter 1

2024.01.07 - [프로그래밍 공부/Javascript] - [혼공JS] 자료와 변수 chapter 2

후우.... 오늘도 열심히 공부했습니다. 12월까지 이 상태 그대로 쭈욱 이어졌으면 좋겠습니다...

열심히 했으니 붕어빵이나 먹으러 가야지

기본 미션

p. 54의 <파일 만들고 저장해 실행하기>에서 'Hello World' 출력하기

 

test.html - Hello World

선택미션

Ch.01(01-1) 확인 문제 1번 상세하게 적고 인증하기

기능이 많다고 느낀 웹사이트 5개
1. 네이버 - 검색기능부터 뉴스, 쇼핑 기타등등
2. 키움증권 - HTS같은 프로그램 기반이 아닌 웹 트레이딩 가능 -다양한 기능 제공
3. 쿠팡 - 대한민국 1위 유통 웹사이트 - 다양한 카테고리 품목
4. 구름 - 개발자 교육 & 커뮤니티 & 클라우드 서비스 제공
5. chatgpt - 검색부터 이미지 생성 ,코드 생성까지 다양한 서비스 제공

 

챕터 2 궁금증 해결 

이전 챕터에서 const를 콘솔에 쳤을때 재선언이 된 것을 보고 엄청나게 놀랐다

이거 되면 안되는건데.... 왜 되는거지?! 했는데 구글링 결과

https://developer.chrome.com/blog/new-in-devtools-92?hl=ko#const-redeclaration

DevTools의 새로운 기능 (Chrome 92)  |  Blog  |  Chrome for Developers

구글에서 웹 개발자들이 편하게 개발하라구 let에 이어서 const까지 재선언을 허용해준거였습니다 ㅎㅎ...

그리고 이번에 느낀점은 구글링은 역시 영어로 해야하는 거구나 하고 느꼈습니다.

만족할만한 정답은 stack overflow에서 찾아지더군요...

 

누적 예제 문제

inch 단위 숫자를 받아 cm로 변환 출력 프로그램

예상 플로우 - 사용자로부터 입력을 받고 (inch) -> Number로 변환후 ,cm 단위로 변환 -> alert("알려줌") 

쉽다 쉬워

<script>
        const input = prompt('inch 단위의 숫자를 입력해주세요.')
        const inch = Number(input)
        const cm = inch * 2.54

        alert('${inch}inch는 ${cm}cm입니다.') 
</script>

 

????

뭐지... 왜 난 않되는거지...? 난 빡대가리인가...?

하면서 자책 중 이였는데 문제는 ${}을 사용하는 부분에서 문제가 생긴거였다.

템플릿 문자열을 사용해야 ${}와 같은 표현식을 사용할 수 있는거였는데... 빡대가리....(p.98 참조)

여튼 백틱(`)을 사용해서 다시 해보면

<script>
        const input = prompt('inch 단위의 숫자를 입력해주세요.')
        const inch = Number(input)
        const cm = inch * 2.54

        alert(`${inch}inch는 ${cm}cm입니다.`)  //' =>` 으로 변경하니 됨
</script>

잘 출력된다.  앞으로는 꼼꼼히 보겠습니다.... 흙흙

 

흐으음... 근데 이쯤되니 뭔가 만들고픈 욕심이 생긴다....

프로그래밍 입문 3대장 프로젝트 : 계산기, 가위바위보 , Todo앱을 만드는걸 목표로 해볼까합니다.