js

프로그래밍 언어/Javascript

드림코딩 엘리와 함께하는 자바스크립트 기초 다지기 : 번외. 반응형 헤더 만들기 위해 필요한 요소들, 프로젝트 할 때 필수 사이트 모음

대략적으로 JS가 어떻게 쓰이는지 확인해보고싶어서 드림코딩 엘리님의 프로젝트를 따라해보았다. 나중에 헤더만들 때 유용하게 쓰려고 기록해두려고 한다 ! 1. 사이트 정리 먼저, 이 프로젝트를 할 때 필요한 사이트들을 정리해보도록 하겠다. ​ 1. Font Awesome https://fontawesome.com/ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com 사용법은 start for free를 눌러 메일을 통해 인증을 하자. ​ 인증을 완료하면 자신의 코드가 포함되어 있는 코드를 얻을 수 있다. ​ ..

프로그래밍 언어/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

드림코딩 엘리와 함께하는 자바스크립트 기초 다지기 : 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

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

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

SHIN SANHA
'js' 태그의 글 목록