자바스크립트
npm은 js 기본 패키지 관리자이다.
자바스크립트로 AI 작성 가능하고 부동의 1위 언어임.
웹 브라우저 때문에 자바스크립트가 부동의 1위임.
인터넷의 역사
메모장에 작성한내용도 .html로 저장을 하면, html 파일로 열림.
small 태그도 있음 >>> 시멘틱 태그
검색 상단에 노출되려면 h1 태그 h2 태그 등 구조가 있음.
개발자들이 무료 이미지 찾을 때 언스플래쉬 많이 씀. :
HTML CSS JAVASCRIPT 언어에서 하나라도 도착을 안하면 글이 안예쁘게 나오기도 함.
인터프리터 언어: 대화하면서 가능함. 이것의 반대는 컴파일 언어
렌더링은 시각화해준다고 생각하면 됨.
개발자 도구 >> 콘솔을 이용하여 연산이 가능함.
실시간으로 소통할 수 있는 엔진 v8덕분임.
>>> 본격적인 자바스크립트
alert("안녕하세요")
confirm("")
사용자의 의사를 확인함.
파이썬과
자바스크립트는 조금 다름
자바스크립트에서는 작대기 세개를 써야함.
변수를 선언할때에는
let을 써야함.
옛날에는 var로 썼지만, 지금은 사용을 금지하고 있음.
언디파인드가 나오는 이유는 : 유저 앤설이라는 변수에 저장되어 당장 출력이 안되기 때문임.
if(userAnswer){console.log("삭제되었습니다.")}
만약 userAnswer이 true라면 삭제되었습니다라는 문구가 나오도록 출력하는 기능.
프롬프트 입력하면 이렇게 위에 입력창이 도출됨.
숫자를 문자로 변환해주려면 in
위처럼 입력하면, 문자 123을 숫자로 인식하게 됨.
parseInt(prompt("숫자입력:"))
let과 const는 모두 변수를 정의하는 키워드이지만, let은 변경 가능한 변수, const는 변경 불가능한 변수임.
함수 :
function na(){let a =prompt("냥이귀여아ㅡ"); alert('너의이름은'+a+'입니다.');}
na() >>> 냥이 귀여아로 적힌 프롬프트 창에 입력한 변수를 a로 저장하고 이후 a를 합친 의미를 창에 표시함.
na() >>> 냥이 귀여아로 적힌 프롬프트 창에 입력한 변수를 a로 저장하고 이후 a를 합친 의미를 창에 표시함.
정의했던 함수를 호출하려면 na()를 입력하면 호출됨.
변수를 myName 이렇게 정의하는 것을 개발자들끼리 약속해서 그런건데, 이걸 카멜 표기법이라고 하고
가장 앞에 있는 단어는 소문자 그 다음부터는 대문자로 표기해.
my_name이런 식으로 정의한게 snake case 라고 한대. 이걸 파이썬에서는 그렇게 많이 써
줄바꿈은 쉬프트 + 엔터야.
function nang(){ let a = prompt("너의 이름은?");
let b = prompt("그럼 나이는?");
alert("당신의 이름은"+a+"입니다."+b+"살이네유");}
undefined
nang()
let b = prompt("그럼 나이는?");
alert("당신의 이름은"+a+"입니다."+b+"살이네유");}
undefined
nang()
>>> 두가지 변수를 정의해서 결과를 도출할 때 위와 같이 씀.
위와 같이 자바스크립트를 작성해서 html과 바인딩 하는 과정이 필요함.
node.js 때문에 백엔드에서도 실행 가능하도록 바뀜.
리액트는 자바스크립트로 웹을 만들어주는 프레임워크임.
자바스크립트로 위처럼 3d로 구현이 가능해짐. 엄청 재밌는 게임도 됨.
console.log 안하고 그냥 변수 입력해서 엔터 눌러도 잘 실행됨.
파워포인트 없어도 웹에서 가능
다른사람과도 공유할 수 있어서 좋아요.
console.log는 웹 페이지에서 출력되는 것이 아니라, 개발자 콘솔에 출력되는 로그임.
자바스크립트에 쓴 것은 바로 화면에 출력되지 않고 데이터 형태로 저장됨. 그래서 화면에 출력하기 위해서는 아래와 같이 써야함.
위 중에서 데이터 타입상 곱하기는 안됨.
파이썬에서는 곱하기 3을 하면 세번나오는데, 자바스크립트에서는 그게 안됨.
위에서 숫자에 쓸 수 있는 메서드와 문자에 쓸 수 있는 메서드가 다르다는 것을 알 수 있음.
전체를 바꿀때는 replaceAll을 이용함.
