혼공 자바스크립트 1주차 Hello World! (vscode 케릭터 테마 doki theme)

혼공자바랑 같이 자바스크립트도 신청하게 됐기에 두번째 포스팅을 쓰고있다..

생각보다 할게많을지도?..

우선 기본미션을 위해 vscode를 켰다.

많이 보던화면.. 좀 밋밋하지않나?

꾸밀 수 있는걸 좀 찾아봤다.

!....

set color theme로 그냥 테마 색배합만 바꿀 수도 있고

설치 후 ctrl +shift + p 로 검색해서 명령을 실행하면 배경도 바꿀 수 있다.

밖에 들고나갈 노트북에는 테마 색깔만 바꾸는거로 만족하자...

 

기본미션

기본적인 태그를 생성하는 것을 책에서는 html:5로 제시하고 있는데

그냥 ! 누르고 엔터만 눌러도

잘 작성되는 모습을 볼 수 있다.

어쩌다 들여쓰기를 이상하게 해버렸다면

ctrl 누른 상태에서 k f를 순서대로 눌러주면 컴파일러가 알아서 정렬을  해줘서 편하다.

필요한 코드를 작성해주고

우리가 작성한 파일을 우클릭해서 파일탐색기에서 폴더를 열어주고

폴더에 있는 파일을 실행해주면 우리가 작성한대로 alert가 뜨는 것을 확인할 수 있다.

 

선택미션

확인문제 1-1

인터넷을 돌아다니면서 보았던 쉽게 사용할 수 있고, 기능이 많다고 느꼈던 웹 사이트를 5개 정도 적어보시오.

 

1. notion

https://www.notion.so/ 

Your connected workspace for wiki, docs & projects | Notion

너무편하다.. 블로그에 공부 정리하던중 딴짓하다가 저장안하고 꺼버리거나

노트북 램 딸려서 응답없음뜨고 강제종료당하면 그대로 하루 의욕 다 날아가는데

입력한대로 바로바로 저장이된다.. 협업시에도 사용하기 좋다.

뭔가 쓰기 불편한 구글 공유문서와 다르게 그냥 나혼자 노션에 메모하는 것 처럼

실시간으로 같이 문서를 수정할 수 있게 해준다.

해상도따라서 동적렌더링도 깔끔하게 해준다..

f12로 개발자모드 켜고 파란색 원 표시한 곳 누르고 요소를 클릭하면 이처럼 css코드도 엿볼 수 있으니까 다음에 참고하자.

 

2. github

https://github.com/

GitHub: Let’s build from here

안쓸수가 없다.. 제작중인 프로그램 버전관리와 배포자동화, 저장소역할까지 엄청난기능이 많이 있다.

모두 제대로만 쓸줄 안다면 협업이 너무 쉬워지도록 도와준다.

포스팅을 보고 계신 분들 중 방학에 시간이 남는다면 git과 github 사용법부터 공부하자.

 

3. youtube

https://www.youtube.com/

YouTube

글로벌 동영상 사이트, 설명이 필요없을 것 같다.

가끔 제목이나 댓글 텍스트가 잘못 뜨는 경우가 있어서 열받는 일이 생기긴 한다.

 

4.op.gg

https://www.op.gg/

롤 전적 검색 OP.GG - 전적 검색, 관전, 리플레이, 챔피언 공략, 카운터, 랭킹

 

어릴때 리그오브레전드 게임전적 검색 사이트로 시작했었는데

지금은 다양한 게임의 전적검색, 데이터분석, 커뮤니티부터 해서 요즘은 ai연구도 하고 있는 것 같다..

예상보다 회사가 엄청 커진것 같은데 역시 사람들이 많이 쓸 주제로 웹을 운영해야하는 것 같다...

 

5.네이버

www.naver.com  

네이버

설명이필요한가??... 가끔 한번씩 리뉴얼 하면 잠깐 불편한가 싶다가도 금방 적응해서 더 편해진다

계속 발전하고 기능을 추가하고있고 업계상위권을 이렇게 오래 유지하는데는 이유가 있는거같다..

이런 키워드 검색 했을 때 바로 띄워주는게 너무 좋다.