자바스크립트

프로그래밍 언어/Javascript

드림코딩 엘리와 함께하는 자바스크립트 기초 다지기 : 4. 반복문, operator

오늘은 드림코딩 엘리 개발자님의 4번째 강의를 들었습니다. operator의 관한 내용 지금부터 정리해보도록 하겠습니다! 1. string concatenation console.log('my'+' cat'); console.log('1'+2); console.log(`string literals: 1 + 2 = ${1+2}`); //특수문자열도 비슷함 console.log('san\nh\ta'); 1-1. string + string = string 1-2. string + number = string 1-3. string과 number 계산을 같이 쓰고 싶은 땐, 백팁을 사용한다(``) number 계산은 ${}을 이용한다. 1-4. c언어와 비슷한 특수 문자열 표시를 가지고 있음 \n = 줄 바꾸기..

프로그래밍 언어/Javascript

드림코딩 엘리와 함께하는 자바스크립트 기초 다지기 : 3. 전역변수 VS 지역변수

오늘도 엘리슨생님의 3강 강의를 듣고 왔습니다! https://www.youtube.com/watch?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&v=OCCpGh4ujb8&feature=emb_title 한번 정주행 완료하고 다시 복습하는 마음으로 ​ 블로그에 공부 내용을 정리해보겠습니다! ​ 1. let vs var ​ ​ let은 ES6에서 추가되었기 때문에 비교적 최근에 추가되었다. ES6는 메이저 브라우저에서 모두지원된다.(단, 인터넷 익스플로어는 지원 안됨) ​ 그 전까지는 var을 썼었다. but, 쓰면 안됨 그 이유로는 선언도 하기 전에 값 할당 할 수 있고, 출력도 undefined로 가능하기 때문이다. 다음의 코드를 확인해보자. a=10; console.log(..

프로그래밍 언어/Javascript

드림코딩 엘리와 함께하는 자바스크립트 기초 다지기 : 2. async vs defer

오늘 공부한 영상! 엘리슨생님과 함께하는 js!!! ​ 저번 포스팅에서도 공부했지만 너무 오래지나서 다시해본다 ㅎ https://youtu.be/tJieVCgGzhs 1. 사용법 자바스크립트를 HTML에 추가하는 코드는 이렇다. ​ ​ 1) LIVE SERVER가 설치되어 있다면 빨간색 부분을 눌러서 실행 가능! ​ 2) LIVE SEVER가 없다면 노란색 부분을 눌러 실행가능! 2. console.log("HELLO") console.log("HELLO") 이런식으로 JS를 작성하였다면 실행하였을 때 F12 혹은 Ctrl+Shift+i 버튼을 눌러 오른쪽과 같은 창을 볼 수 있다. 잘나오는 모습 ^^! ​ ​ ​ ​ 이렇게 브라우저에서 실행도 가능하지만, ​ node.js에는 자바스크립트 엔진이 있다...

프로그래밍 언어/Javascript

드림코딩 엘리와 함께하는 자바스크립트 기초 다지기 : 1. Node.js 다운받기

안녕하세요 ! 자바스크립트를 공부하자고 마음을 먹고 돌아온 산와머니입니다. ​ 사실 멋쟁이사자처럼에서 그동안 배웠던 온라인 강의들을 정리하는 글을 쓸까도 했는데 ​ 20.10.25(일) 까지 해커톤을 마감하게 되었습니다 ㅠㅠ ​ 저는 해커톤 1일을 주고 밤새면서 마감할 줄 알았는데 거의 1달이 되는 시간을 주셔서... ​ 다들 퀄리티가 상당할 것으로 예상합니다 흑흑ㅎ긓긓 ㅠㅠㅠ ​ 그래서 오늘은 저의 한계를 조금이나마 보충하려고 짧게 2~3일 정도 자바스크립트를 공부해보려 합니다 !! ​ +21.01.11 글추가 많은 활동으로 그동안 미뤄왔던 JS 배워보려고 다시 글을 남깁니다. +21.11.04 이렇게 티스토리 블로그에도 정리하게 되네요 ^^ 오늘은 셋팅 환경으로 Node.js를 다운받고 간단하게 조작..

프로그래밍 언어/Javascript

인프런으로 자바스크립트 기초 다지기 : 3. 콜백함수 & 익명함수

자바스크립트 심화 부분에 들어갔습니다 :> 콜백함수와 익명함수는 무엇인지 함께 공부해보아요 - ! 1) 콜백함수 기존 함수를 호출해서 값을 리턴받는 것과 달리 콜백함수는 나중에 불립니다. 즉 콜백함수를 파라미터에 넣어 어떤 함수를 실행시키면, 그 함수가 콜백함수를 실행시켜 주는 것 입니다. 아래 예시를 보시죠! //1. 콜백함수 산와머니 function sanwha(){ console.log('콜백함수 산와머니 실행!'); } ​ //2. 일반 함수 파라미터에 콜백함수를 받습니다. function bridge(callback){ callback(); } ​ //3. 일반 함수에 실행하고 싶은 함수를 파라미터로 넣습니다. bridge(sanwha); 브릿지함수는 말그대로 콜백 함수를 실행시키기 위한 함수로..

프로그래밍 언어/Javascript

인프런으로 자바스크립트 기초 다지기 : 4. 반복문

자바스크립트 반복문 부분을 함께 공부해보아요 - ! 1) 반복문을 표현하는 방식 반복문을 표현하는 방식, 인프런에서는 for문 하나를 배웠습니다. 1-1) for문 c언어 문법과 동일한 문법이라고 생각되는데요. for(var 변수 = 시작지점; 변수 5) break; console.log("나는 그랩이다"); } i는 0~9까지 돌며 i가 6이 들어오는 순간 break을 만나 멈..

프로그래밍 언어/Javascript

인프런으로 자바스크립트 기초 다지기 : 2. 연산자 | 조건문

오늘도 자바스크립트를 배우며 제가 어려웠던 부분 위주로만 정리해볼까 합니다. ㅎㅎ 연산지 & 조건문 파트 정리 시작! 1) 연산자의 4가지 종류 - 기본 연산자 : +, -, *, / ex) "문자" + 5 = 문자5 즉, 문자와 숫자를 더하면 문자가 도출됩니다. - 비교 연산자 : >, >=,

SHIN SANHA
'자바스크립트' 태그의 글 목록