JavaScript(17)
-
자바스크립트 반복문에 대해 알아보자
안녕하세요. 진득 코딩입니다. 프로그래밍을 하는 이유는 쉽게 말해 내가 하고 싶지 않은 일을 컴퓨터에게 대신시키기 위해서입니다. 보통 하기 싫은 일은 단순 반복적인 일일 경우가 많습니다. 이번 시간에는 반복적인 일을 수행해주는 구문인 반복문에 대해 알아보도록 하겠습니다. for문 반복문은 크게 for문과 while문으로 나뉘는데 for문부터 알아보도록 하겠습니다. for문은 조건식이 초기식, 조건식, 증감식이 들어가게 됩니다. ** for문의 구조 for(초기식; 조건식; 증감식){ (반복할 명령문_); } 이때 초기식은 조건식에 들어가는 초기값을 의미하고, 조건식은 for문을 빠져나오는 조건, 증감식은 초기값을 반복할 때마다 바꾸는 식입니다. 이때 증감식이 없으면 무한 반복에 빠져 ..
2025.02.14 -
자바스크립트 조건문과 삼항 연산식에 대해 알아보자
안녕하세요. 진득코딩입니다. 지난 시간에는 마지막 자료형인 객체에 대해 알아보았습니다. 자료형은 요리할 때 재료를 준비하는 것과 비슷하다고 생각합니다. 이번 시간에는 지난 포스팅까지 준비한 재료들로 본격적인 프로그램을 만들 수 있는 조건문과 삼항 연산식에 대해 알아보도록 하겠습니다. if문 조건문 중 하나인 if문은 조건에 의해 실행되도록 만들어주는 구문입니다. if문의 구조는 위와 같고 조건문이 true가 되는 경우에만 안에 있는 코드들이 실행되게 됩니다. 위 if문은 강제로 true를 넣어두었기 때문에 안에 있는 문구가 그대로 출력되었습니다. else문 if문에 else문을 추가하여 선택지를 부여해 줄 수 있습니다. 위와 같이 조건문을 작성하게 되면 if문의 조건이 true이면 i..
2025.02.13 -
자바스크립트 객체에 대해 알아보자
안녕하세요. 진득 코딩입니다. 저번 시간에는 자료형 중 여러 데이터들을 쉽게 다룰 수 있는 배열에 대해 알아보았습니다. 이번 시간에는 마지막 자료형인 Object(객체)에 대해 알아보도록 하겠습니다. 객체 객체는 한 데이터에 많은 정보를 담아야 할 때 사용합니다. object를 사용하기 위해서는 중괄호({ })를 사용하여 object에 넣을 데이터들을 넣어줍니다. 각 데이터는 데이터의 이름 뒤에 :을 붙여서 각각의 데이터를 넣어줘서 사용합니다. 출력할 때는 해당 object의 이름을 넣어서 출력해 주면 됩니다. object를 출력하게 되면 위와 같이 출력되게 됩니다. 객체 출력하기 이때 객체에 들어있는 모든 데이터가 아닌 특정 데이터를 보고 싶은 상황이 생길 수 있습니다. 이럴 때는..
2025.02.12 -
자바스크립트 배열에 대해 알아보자
안녕하세요. 진득코딩입니다. 지난 시간에는 변수에는 여러 데이터가 들어갈 수 있다는 것에 대해 알아보았습니다. 이러한 변수를 많이 다루게 되면 관리가 어려워지게 됩니다. 이번 시간에는 많은 데이터들을 좀 더 쉽게 다룰 수 있도록 도와주는 배열에 대해 알아보도록 하겠습니다. 배열 배열은 변수 이름 하나로 여러 개의 데이터를 저장할 수 있습니다. 다시 말해 관련 있는 데이터들을 하나로 묶어서 하나의 변수 아래에 저장하는 것을 의미합니다. 위에 있는 코드를 배열로 나타내게 되면 아래 코드와 같이 간단하게 표현할 수 있습니다. 코드를 치기 위한 비용도 적게 들고 가독성도 올라가 좀 더 좋은 코드가 되었습니다. index로 배열 조작하기 많은 데이터들을 배열로 선언했을 때 호출하는 방법도 굉장히 간단..
2025.02.11 -
자바스크립트 변수, 자료형 그리고 연산자에 대해 알아보자
안녕하세요. 진득코딩입니다. 컴퓨터와 소통하기 위해 사용할 수 있는 프로그래밍 언어는 굉장히 많습니다. 그중에서도 웹에서 동적인 데이터들을 다루거나 여러 분야에서 유용하게 사용되는 언어가 바로 자바스크립트입니다. 이번 시간에는 자바스크립트의 기본 문법인 변수, 자료형, 그리고 연산자에 대해서 살펴보도록 하겠습니다. VScode로 console창에 출력하기 먼저 기본 문법을 살펴보기 전에 VScode에서 console창에 출력하도록 환경 세팅부터 해보겠습니다. 자바스크립트만으로는 console창에 출력하는 것이 어렵기 때문에 HTML 문서를 하나 만들어줍니다. 이렇게 만든 HTML 문서에서 태그를 사용하여 사용할 JS파일과 연결해 줍니다. 화면에서 오른쪽 마우스 클릭을 이용해 Open w..
2025.02.10