SELECT ROUND(SUM(LAT_N), 2)AS lat, ROUND(SUM(LONG_W), 2) FROM STATION;

react 프로젝트를 손쉽게 만들어주는 도구 create-react-app 을 설치한다. npm install -g create-react-app 하지만, 에러가 발생하였다.. 권한오류로 sudo를 실행한다. sudo npm install -g create-react-app 비밀번호를 입력하고 위와 같이 나오면 설치 성공!

Template Literal 일반적으로 string 자료형을 조합할 때 + 연산자를 사용한다. 그러나 문자열을 더하는 과정이 많아지면 + 연산자가 많아지고 띄어쓰기 같은 작업을 하기가 번거롭다. 이때 Template Literal을 사용하면 더 쉽게 만들 수 있고 가독성이 높아진다. const hello = "안녕"; const introduct = "나는 톰이야." const age = 5; //기존 방식 const text = hello + "! " + introduce + " 그리고 " + age + "살이야." const newText = `${hello}! ${introduce} 그리고 ${age}살이야` Desturcturing(구조 분해 할당) 객체와 배열에 들어있는 값을 가져올 때 Des..

연산자와 조건문 연산자 -연산자는 변수들(혹은 값)을 가공할 수 있도록 도와준다. -기본적으로 산술(덧셈, 뺄셈)을 돕는 기본 연산자, 값들을 비교하는 비교 연산자, 논리적인 순서를 제공하는 논리 연산자가 있다. 1. 기본 연산자 산술을 돕는 기본 연산자는 +, -, *, / 등이 있다. var num1 = 5; var num2 = 3; var char1 = "경이로운"; var char2 = "소문"; var num3 = num1 + num2; var char3 = char1 + " " + char2; var charNumMixed = char1 + num1; 2. 비교 연산자 값을 서로 비교하는 >, 25); //결과 : true console.log(name === "Tom" && age > 30)..

Javascript는 웹 개발에 쓰이는 프로그래밍 언어이다. 초기 웹 브라우저의 시대가 열렸을 때 javascript만 작동할 수 있도록 표준이 생겼다. (웹 개발을 하기 위해서 자바스크립트는 필수적!) 변수 변수 : 데이터를 담는 공간 우리가 웹에서 보는 상품 정보, 이미지, ID 입력창 등은 전부 데이터를 바탕으로 보여지는 결과물이다. 선언과 정의 변수를 선언할 때 어떤 변수를 사용할지 정해야한다. 자바스크립트에서는 var, let, const를 사용한다. var = name; name = "Tom"; var name = "Tom"; //1. var는 같은 이름의 변수를 다시 사용할 수 있다. var num1 = 20; var num1 = "Tim"; //2. let은 한번 선언된 변수에 다시 새롭게..

1. CSS 기본 문법 보통 웹 개발을 할 때 HTML 태그로 요소들을 구현하고 CSS로 디자인을 입히고 배치를 도와준다. 선택자 { 속성1: 값; 속성2: 값; } 선택자(Selector) -> 스타일을 적용할 대상 (태그, id, class 등을 선택) p { color: orange; } /* 태그를 id로 했을 때 */ #title { color: blue; } /* 태그를 class로 했을 때 */ .item { color: red; } 태그를 선택자로 하면 모든 태그에 스타일이 적용된다. id는 딱 한 요소에만 적용된다. class는 class가 적용된 모든 요소에게 적용된다. 상품리스트에서 상품의 디자인이 다 동일한 것은 class를 부여해줬기 때문이다. 선택자 조합 ->선택자 여럿을 ,로 ..