앞에서 공부한 변수와 자료형에 대한 문제풀이이다. 이 글을 보시는 분들이라면 저와 마찬가지로 자바스크립트 초보자일 것이다. 내가 이렇게 포스팅하는 이유는 정리를 잘해 놓아야 복습도 되고 나중에 다시 찾을 때 편하기 때문이다. 변수와 자료형 문제 풀이 1. 변수 바꾸기 위에서 a,b의 값을 바꾸는 코드는? 정답 1) 아래 그림과 같이 단순하게 a, b 값을 바꿔서 출력하면 된다 정답 2) 다른 방법도 있다. 2. 자료형과 연산자 연습문제 ▶ f12를 누르고 console에서 문제를 입력 후 엔터를 누르시면 정답을 바로 확인할 수 있습니다. 문제 정답 1 != 1.0 false 1 !== 1.0 false 1==1.0 true 1

자바스크립트에서 쓰는 자료형과 연산자의 종류를 알아보자. 자료형에는 문자형, 숫자형, 불리언 등이 있고 연산자는 더하기, 빼기, 곱하기, 나누기 등 계산하는 것들을 말한다. 자료형 앞에서 언급한 바와 같이 자료형(data type)에는 자료형, 숫자형, 불리언이 있다. 각각의 자료형에 대해 특징에 대해 하나씩 알아보자. 문자형(string) 문자형은 큰따옴표 또는 작은따옴표 안에 표시된 단어, 숫자 등을 말한다. "키", "12", '1+2' 이런 형태로 쓰는 것이 모두 문자형이다. 숫자형(number) 말 그대로 숫자로 쓰여진 형태이다. 따옴표 없이 숫자로 쓴다. 음수, 정수, 실수 등 모든 숫자를 말한다. 불리언(boolean) 참(true)과 거짓(false)의 형태로 쓰이는 것이 불리언이다. 논리..

자바스크립트에서 let과 const는 모두 변수를 선언할 때 쓴다. let과 const의 차이는 let은 변수값을 바꿀 수 있지만 const를 쓸 경우 변수 값을 바꿀 수 없다는 것이다. 즉, 변수 값의 변화가 필요할 수도 있는 경우에는 let을 사용하고 변수 값이 바뀌면 안 될 경우에는 const를 사용한다. let과 const let과 const는 변수를 선언할 때 쓰이는 명령과 같은 것이다. 예를 들어 let keyword = "학교"라는 코드는 변수명이 keyword이고 변수의 값이 학교인 변수가 선언된 것이다. let 먼저 let을 이용하여 변수를 만들어보자. 아래 그림에서 변수를 선언하고 변수명을 keyword로 만들었다. keyword에 들어갈 내용은 "학교"이다. console.log를 이..

index.html은 만들려고 하는 사이트의 뼈대가 되는 파일이다. 브라우저에 나타나는 첫 번째 화면이 되는 것이다. 그리고 style.css는 웹사이트를 꾸며주는 역할이다. index 파일을 만들고 style파일을 index파일에 링크를 걸어두는 것까지 해보겠다. index.html, style.css 파일 만들기 vscode에서 아래 빨강색 부분이 새 파일 만드는 아이콘이다. 아이콘 클릭 후 index.html이라고 쓰고 엔터를 치면 파일이 만들어진다. style.css파일도 같은 방법으로 만들면 된다. index.html, style.css 연결 웹페이지를 꾸며주는 css는 index파일 안에 코드를 입력해서 만들 수도 있지만 관리의 편의성 때문에 지금처럼 별도의 css파일을 만들고 index파일에..

비주얼 스튜디오 코드에서 작업 폴더 만들기와 Live Server를 설치해보도록 하겠습니다. 작업 폴더는 앞으로 만들 사이트의 모든 내용을 담아두는 폴더이고 Live Server는 실제 서버에 올리기 전에 내가 만든 웹페이지를 확인할 수 있게 인터넷 창으로 띄워 주는 비주얼 스튜디오 코드의 익스텐션입니다. 작업 폴더 만들기 저 같은 경우는 윈도우 탐색기에서 작업할 폴더를 만들고 비주얼스튜디오에서 폴더 열기 형식으로 작업을 진행합니다. 저는 C에 coding폴더 안에 새로운 폴더를 만들어 보겠습니다. 그다음 비주얼 스튜디오를 열고 폴더 열기를 클릭하고 방금 만든 작업 폴더를 클릭합니다. 이렇게 작업폴더를 선택하면 아래 그림과 같이 작업 폴더가 지정되어 나타나게 됩니다. 제 비주얼 스튜디오는 한글로 나오는데..

오늘은 개발환경 세팅을 해보겠습니다. 브라우저는 크롬을 이용하고 에디터는 비주얼스튜디오코드(Visual Studio Code)를 이용합니다. 설치하는 방법은 어렵지 않습니다만 차근차근해보겠습니다. 크롬 브라우저 설치 익스플로러 서비스 종료가 얼마 남지 않아서 이제는 많은 분들이 크롬을 사용하고 계시지만 혹시 크롬이 설치되어있지 않으신 분들은 아래와 같이 크롬을 설치하시면 됩니다. 아주 간단합니다. 아래 영상을 참고하시어 설치하세요. ▶ 크롬 브라우져 설치 크롬 브라우저 설치 동영상 비주얼 스튜디오 코드 설치 비주얼 스튜디오는 여기서 다루는 html, css, javascript 외에도 많은 언어의 에디터로 활용되고 있다. 아래 그림과 같이 설치하면 됩니다. 여기까지 크롬, 비주얼스튜디어코드를 설치해 보았..

코딩을 접하게 된지 이제 1년이 넘었다. 직장 다니면서 취미로 배우는 거라 실력의 발전은 없다. 그동안 몇 개의 테스트형 웹서비스를 제작했었다. 따라 하기로 열심히 만들어 봤는데 기억에 남는 게 없다. 그래서 오늘부터 배우는 쿨찐 테스트는 잘 기록해 두려고 한다. 먼저 쿨찐 뜻부터 알아보자 쿨찐 테스트를 만드는데 정작 그 뜻 모르겠네요. 요즘 인터넷에서 쿨찐(따)라는 말이 유행이라고 하는데 들어보셨나요? 저는 이 서비스 공부 시작하면서 처음 들어본 말입니다. 사실 찐따라는 말은 장애인 비하하는 말이라 웬만하면 쓰지 않는 말인데 젊은 사람들은 그렇지도 않은가 봅니다. 쿨찐따는 자신의 쿨한 모습을 내세우지만 그런 모습이 오히려 쿨하지 못함을 조롱하며 지적하는 말이라고 합니다. 강사 제가 듣는 강의는 프로젝트..