본문 바로가기

front-end/JavaScript18

자바스크립트, 비교 연산자・불리언・조건문 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 제어할 태그 선택하기 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 웹브라우저 제어 이 포스팅은 PC로 작성되었습니다. 모 gogogameboy.tistory.com 이번에는 봐야 할 영상들이 조금 많습니다. 마음의 준비를 하시고 시청해봅시다. 프로그램 Program 프로그래밍이라는 것은 무엇인지, 자바스크립트는 무엇인지, 그리고 앞으로 어떤 것들을 배울 것인지 설명해주는 영상입니다. 조건문이란? 앞으로 공부할 조건문이라는 것에 대한 오리엔테이션 영상입니다. 비교 연산자와 불리언 Boo.. 2021. 1. 26. 21:44
자바스크립트, 제어할 태그 선택하기 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 웹브라우저 제어 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 변수와 대입 연산자 이 포스팅은 PC로 작성되었습니다. gogogameboy.tistory.com 지난 포스트에서는 뜻밖에 갑자기 튀어나온 CSS 복습을 했습니다. 이번에는 드디어 오랜만에 직접 코드를 짜며 실습을 하게 됐습니다. 만세~~ document.querySelector('선택할 태그') WEB HTML CSS JavaScript JavaScript Lorem ipsum dolor sit amet consectetu.. 2021. 1. 24. 23:27
자바스크립트, 웹브라우저 제어 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 변수와 대입 연산자 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트 데이터 타입, 숫자와 문자열 이 포스팅은 PC로 작성되었 gogogameboy.tistory.com 드디어 자바스크립트로 웹브라우저를 제어하는 내용을 배우게 될 것 같아서 두근거리고 있었는데, 갑자기 CSS 강의가 나옵니다. CSS를 아직 모르고 HTML만 알고 있는 분들을 대상으로 하는 강의 영상이니까 그러려니 하고 복습하는 마음으로 한 번씩 보고 넘어가면 될 것 같습니다. 머리 식힐 겸 말이죠. ^^ CSS 기초, st.. 2021. 1. 24. 09:47
자바스크립트, 변수와 대입 연산자 지난 포스트 자바스크립트 데이터 타입, 숫자와 문자열 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 구글 크롬에서 콘솔 Console 사용 이 포스팅은 PC로 작성 gogogameboy.tistory.com 변수 Variable 변수Variable는 문자나 숫자 같은 값을 담는 컨테이너로 사용되고, 여기에 담긴 값은 다른 값으로 바꿀 수 있습니다. 그리고 이제부터 설명할 내용은 위의 생활코딩의 강의 영상과 조금 다른 내용입니다. 자바스크립트JavaScript에서 변수의 코드는 앞에 var을 붙여줘야 한다고 위의 강의 영상에서 말하고 있지만, 지금은 let으로 시작합니다. 그 이유는 아래의 영상을 참고하시기 바랍니다. .. 2021. 1. 23. 09:15
자바스크립트 데이터 타입, 숫자와 문자열 지난 포스트 자바스크립트, 구글 크롬에서 콘솔 Console 사용 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트 onclick 속성 이 포스팅은 PC로 작성되었습니다. 모바일로 gogogameboy.tistory.com 이번에 공부할 내용도 지난번과 마찬가지로 딱히 직접 실습을 해볼 내용은 없고, 보고 이해하고 넘어가면 되는 내용들입니다. 데이터 타입 문자열 String 'Hello World' (따옴표나 큰 따옴표로 감싸야한다) 숫자 Number 12345 or 3.14 등의 따옴표로 감싸져있지않은 숫자 자바스크립트의 자료형 - JavaScript | MDN 자바스크립트의 자료형 Jump to sectionJump t.. 2021. 1. 22. 12:37
자바스크립트, 구글 크롬에서 콘솔 Console 사용 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트 onclick 속성 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 JS, HTML문서에 자바스크립트 사용하기 이 포스팅은 PC로 작성되었습니 gogogameboy.tistory.com 이번에 공부할 내용은, 실습은 굳이 필요없는 강의입니다. 가벼운 마음으로 아래의 영상을 보고 '아, 이렇게 이용할 수도 있구나.' 정도만 알고 다음 공부를 하면 될 것 같습니다. 페이스북 추첨 자바스크립트 코드 페이스북 추첨 GitHub Gist: instantly share code, notes, and snippets.. 2021. 1. 22. 08:52
자바스크립트 onclick 속성 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 JS, HTML문서에 자바스크립트 사용하기 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트란? 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 gogogameboy.tistory.com 지난 포스트에서는 html문서 안에 자바스크립트 코드를 넣기 위해서는 태그 안에만 자바스크립트의 코드가 들어가는 것은 아닙니다. 아래의 영상을 함께 보시죠~ alert('') 위의 소스 코드는 PC에서 드래그 후, ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다. ctrl+c(복사)는 불가능합니다. HTML .. 2021. 1. 21. 08:46
JS, HTML문서에 자바스크립트 사용하기 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트란? 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 코딩을 독학으로 배울 수 있는 사이트 생활코딩 이 포스팅은 PC로 작성되었습니다. gogogameboy.tistory.com 지난 포스트에서는 강의 영상만 시청했습니다. 웹페이지 화면에 있는 버튼을 클릭하는 것만으로 웹페이지의 화면이 야간 모드로 전환이 되는 효과를 보았는데요, 이번 포스트에서는 간단한 자바스크립트 코드를 작성해보겠습니다. 스크립트 html 1+1 위의 소스 코드는 PC에서 드래그 후, ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다. ct.. 2021. 1. 20. 16:11
자바스크립트란? 자바스크립트JavaScript는 웹페이지가 살아움직이는 것처럼 동적인 화면 구성을 위해 만든 프로그램 언어입니다. 자세한 설명은 아래의 생활코딩 강의 영상을 봐봅시다~ 코딩을 독학으로 배울 수 있는 사이트 생활코딩 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 코딩을 독학으로 공부할 수 있는 무료 사이트를 소개해드리겠습니다. 이고잉 님이 gogogameboy.tistory.com 자바스크립트JavaScript는 미국의 넷스케이프 커뮤니케이션즈사(Netscape Communications)가 개발한 스크립트 언어로, 정적인 HTML 문서와 달리 동적인 화면을 웹페이지에 구현하기 위해 사용하는 스크립트 언어입니다. 아직은 코드를 작성할 필요는 없는.. 2021. 1. 19. 10:15