일기2. 노마드코더: 바닐라 JS로 크롬 앱 만들기(1)

항해 99 스터디 중 리더가 노마드코더를 추천해주셨다.

유튜브도 있고, 홈페이지도 있으니 입맛에 맞게 찾아가면 된다. 

 

프로그래밍 언어는 아니지만 웹사이트를 만들기 위해서는 HTML과 CSS는 알고 있어야한다.  

Javascript는 interactive한 웹사이트 만들때 필요함.  즉, HTML과 CSS를 구축 해 놔야 상호작용이 되는 웹사이트를 만들 수가 있다는 것. (BUT,  전문적으로 알 필요는 없음) 

>> HTML은 어떻게 폼을 작성하는지(인풋, 버튼, BODY가 뭔지 등)

>> CSS는 class와 id 의 차이점, selector가 뭔지 등을 이해

이정도만 알아도 된다. 

 

(기초) 코코아톡 클론 코딩 추천해주지만 유료임

 

크로미움 기반 브라우저라면 자바스크립트 사용

 

Why is javascript so popular?

프론트엔드로 쓸 수 있는 유일한 언어는 자바스크립트

자바스크립트가 웹 전체를 아우르는 유일한 프로그램, 웹은 자바스크립트,HTML,CSS를 탑재하고 있음

(즉, 언제나 직업이 있을 것)

>>접근성이 뛰어남

 

백엔드> 내가 원하는 언어를 골라서 사용할 수 있음 단, 취업을 위해서는 어떤 언어를 쓰는지 시장조사를 해야함

 

자바스크립트 >

 * 프레임워크(one of them : react native: 자바스크립트만으로 안드로이드 & IOS앱을 만들 수 있게 함) 

 * 일렉트론: 자바 스크립트, html, css로 데스크탑 앱을 만들 수 있게 함

 * 백엔드까지 커버 가능

 

 

#2.0 Your First JS Project (11:11)  //강의 시작

웹페이지- 콘솔(console) 에서 자바스크립트를 (미리)작성해볼 수 있다. 짧게 작성할 때 유용

 

CSS와 JS를 그냥 웹에 올릴 수 없고, HTML(접착제 역할)을 이용해야 함

즉, 브라우저는 HTML을 열고, HTML은 CSS와 JS를 가져온다.

 

* rel = relationship

* 주로 CSS는 head안에 JS는 body안에서 가져옴  ex)    <link rel="stylesheet" href="style.css">

 

type

1) 숫자(number) = integer(정수) & float(실수)

2) 문자(string) >> 문자 입력시 "hello" 큰 따옴표 또는 작은 따옴표로 감싸야해(섞어서 쓰면 안 됨) :처음부터 끝까지 모두 글자로 이루어져 있다.

 

 

Variable(변수) : 값을 저장하거나 유지하는 역할 

 

 

tip.

긴 단어 variable 쓰는 방법 (어떤식으로 써도 프로그램이 인식하는데에는 문제 없어)

js: veryLongVariableName  (camelcase)

pyhton: very_long_variable_name (snake_case)

 

또한

js에서 variable 만드는 방법:

const(constant:상수: 바뀌지 않는 값) a(keyword , nickname) =  대입할 값;

 

python에서 variable 만드는 방법(세미콜론 없음):

b(keyword , nickname) =  대입할 값

 

 

다음 강의 2.3 const and let

https://nomadcoders.co/javascript-for-beginners/lectures/2876