hye-log

웹 페이지를 만들기 위해서는 index.html / app.js / style.css 세 가지가 필요하다. app.js는 JavaScript를 기반으로 작성하는 파일이고, style.css는 CSS를 기반으로 작성하는 파일이다. 이 두 파일을 웹 브라우저에서 실행하면 단순히 코드를 해석하는게 아니라 읽어오는 역할만 한다. 따라서 두 파일을 해석할 수 있는, 합쳐서 보여주는 '접착제' 역할이 필요하다. 바로 이 접착제 역할을 하는 것이 HTML이다. 웹 브라우저는 HTML을 열고, HTML에서 CSS와 JavaScript 파일을 가져오게 된다. 코드는 간단하다. VSCode에서 자동 완성 기능을 이용하여 '!' 입력 후 엔터를 치면 기본 양식을 제공해준다. 여기서 우리는 #11 에 app.js를 연결해주고..

우리는 웹 브라우저를 통해서 JavaScript를 사용하고 있다. 웹 브라우저에서 F12(개발자 도구)를 눌러 console 창을 실행하면 JavaScript를 실행시킬 수 있다. 웹 브라우저에 내장되어 있기 때문에 사용 가능한 것이다. 하지만 여기서 JavaScript를 사용하기에는 어렵다. console 창에서는 한 줄씩만 코딩할 수 있는데, 우리는 스크롤하면서 코드 복붙도 하고 싶기 때문이다. 따라서 VSCode나 Replit을 이용하여 JavaScript를 코딩할 수 있다.

1. 아래 사이트에 접속한 뒤 Try Free를 클릭한다. https://www.mongodb.com/atlas/database MongoDB Atlas Database | Multi-Cloud Database Service The multi-cloud database service at the heart of our application data platform that accelerates and simplifies how you build with data. Try MongoDB Atlas today! www.mongodb.com 2. 필드를 채워 가입한다. 3. Shared 버전으로 Create 한다. 4. Cloud Provider&Region, Cluster Tier, Additional Se..

참고자료 : https://www.youtube.com/watch?v=KF6t61yuPCY 10. 함수 1) 함수의 정의 함수의 keyword : function 함수명 : sayHello 매개변수 : name function sayHello(name){ console.log(`Hello, ${name}`); } 2) 함수의 사용 함수명(매개변수)로 사용 sayHello("Mike"); 3) 함수의 활용1 function showError를 정의하고, showError()로 함수 사용 function showError(){ alert('에러가 발생했습니다. 새로고침 해주세요.'); } showError(); 4) 함수의 활용2 - 매개 변수 함수를 정의할 때 매개 변수를 사용할 수 있음 매개 변수가 있는..

참고자료 : https://www.youtube.com/watch?v=KF6t61yuPCY 5. 기본 연산자 1) 기본 연산자 + (더하기), - (빼기), * (곱하기), / (나누기), ** (거듭제곱) 2) 연산자 우선순위 * → / → + → - 순 3) 증감 연산자 증가 연산자 : ++ 감소 연산자 : -- let num = 10; let result1 = num++; console.log(result1); //10 증가되기 전의 값 console.log(num); //11 증가된 후의 값 let result2 = ++num; console.log(result2); //12 증가된 후의 값 console.log(num); //12 증가된 후의 값 6. 비교 연산자, 조건문 1) 비교 연산자 < ..