본문 바로가기

분류 전체보기

 (290)
문자열 / 템플릿 리터럴 / 산술, 증감, 대입연산자 # 연산자 : 데이터 값 반환 1️⃣ 문자열 붙이기 : + 를 사용하여 문자열을 이어 붙임. / 문자열과 숫자를 이어붙이면 숫자가 문자로 인식된다. console.log('My' + ' car') // My car를 출력 console.log('1' + 2) // 12를 출력 console.log(1 + 2) // 3을 출력 ✅템플릿 리터럴 (Template literals) : 백틱(``) 을 사용하여 문자열 데이터를 표현할 수 있다. 이중 따옴표나 작은 따옴표로 문자열을 표현할 때보다 . const shoesPrice = 200000 console.log(`이 신발의 가격은 ${shoesPrice}원입니다`) // console.log('이 신발의 가격은 ' + shoesPrice + '원입니다') ..
JS : 데이터 타입 number / string / boolean / null / undefined ✅ 자바스크립트에서는 여러 종류의 데이터 타입들이 존재한다. 기본(원시형, primitive) 타입이라고 불리는 number, string, boolean, null, undefined이 있다. 프로그래밍 : 수많은 데이터를 하는 과정을 컴퓨터가 알아들을 수 있는 언어로 서술하는 것. 세상에는 무수히 많은 데이터들이 존재하고 이러한 데이터들을 컴퓨터가 보다 빠르고 효율적으로 처리하기 위해 자바스크립트라는 프로그래밍 언어가 구분해놓은 것이다. 1️⃣ 숫자 (Number) : 숫자 데이터(나이, 거리, 무게, 가격 등) console.log(10) // 10을 출력 let age = 37 console.log(age) // 37을 출력 const myAge = 37 const yourAge = 25 cons..
let과 const의 차이? ✅ 변수(variable)란? 자바스크립트에서 값(데이터)을 저장해놓고 사용하기 위해 변수라는 것을 사용한다. 변수는 저장해놓은 값을 가리키는 일종의 라고 할 수 있다. 이렇게 변수를 사용하면 해당 데이터가 의미하는 바를 을 통해 표현한다. 1️⃣ 변수 선언과 데이터 할당 : 자바스크립트에서 변수를 선언할 때 let 이라는 키워드 사용 let 변수이름 = 값 (보통 "변수 를 선언했고 해당 변수에 을 할당했다") let name = "Hyunjin Lee" // name이라는 에 "Hyunjin Lee" 이라는 값을 할당 console.log(name) // 변수 name이 가리키고 있는 값 "Hyunjin Lee" 을 출력 name = "Kyungsoek Kim" // 위에서 선언했던 name이라는 변..
오류_AWS 에서 Elastic Beanstalk으로 다시 배포하는 과정 일단 진행되는 과정 그대로 터미널에서 잘 반영되었고 [액세스 키]와 [비밀 액세스 키]는 다시 묻지는 않더라구요. 이번이 처음이 아니고 3번째 진행하는 과정이라 그런가 보다 하고 넘어갔습니다. 마지막 진행에서 [초기 설정] eb create myweb을 하고 터미널이 아래 이미지와 같은 상황이 되었고 고 해서 Elastic Beanstalk에 들어가 이전 환경을 종료했습니다. 애플리케이션에는 생성된 deploy2가 뜨는데 기다려도 환경이 생성되지 않습니다. 다시 작업을 해야 하는 것인지, 다시 작업을 한다면 AWS에 정리하고 시작해야 하는 부분 과 터미널을 어떤 상태로 세팅해두고 다시 시작하는지 그 방법도 궁금합니다. 또한 터미널 끄고 똑같은 방법으로 [초기 설정] eb create myweb 두 번 진..
fetch / 포스트 리스팅 API 붙이기 / 별 붙이기 fetch("http://spartacodingclub.shop/web/api/movie").then(res => res.json()).then(data => { let rows = data['movies'] $('#cards').empty() rows.forEach((a) => { let title = a['title'] let desc = a['desc'] let comment = a['commene'] let star = a['star'] let image = a['image'] let star_image = '⭐'.repeat(star) let temp_html = ` ${title} ${desc} ${star_image} ${comment} ` $('#cards').append(temp_html..
Github 업로드 일부 적용 오류 를 변경해서 올리는 부분에서 VS-Code로 Open With Live Server로 보았을 땐 정상적으로 변경된 것을 확인 할 수 있는데 Github에 올리고 URL(https://webcreastory.github.io/mypage3-2/) 확인해보니 가 변경되어 있지 않은 이전 페이지 그대로 이더라구요. 왜 온도가 변경되지 않은 것일까요? Github에 비슷한 페이지를 올려서 그런건지, 어떻게 정상적으로 적용하여 github에 올릴 수 있는지 확인 결과 $(document).ready(function () { fetch("http://spartacodingclub.shop/sparta_api/weather/seoul").then(res => res.json()).then(data => { let n..
Fetch 반복문 조건문 function q1() { fetch("http://spartacodingclub.shop/sparta_api/seoulair").then(res => res.json()).then(data => { let rows = data['RealtimeCityAir']['row'] $('#names-q1').empty() rows.forEach((a) => { let gu_name = a['MSRSTE_NM'] let gu_mise = a['IDEX_MVL'] let temp_html = `` if (gu_mise > 40) { temp_html = `${gu_name} : ${gu_mise}` } else { temp_html = `${gu_name} : ${gu_mise}` } $('#names-q1')...
Fetch 기본 골격 fetch("여기에 URL을 입력").then(res => res.json()).then(data => { console.log(data) }) fetch("http://spartacodingclub.shop/sparta_api/seoulair").then(res => res.json()).then(data => { console.log(data['RealtimeCityAir']['row'][0]) }) fetch("http://spartacodingclub.shop/sparta_api/seoulair").then(res => res.json()).then(data => { let rows = data['RealtimeCityAir']['row'] rows.forEach((a) => { console.l..
서버→클라이언트: "JSON" # JSON = Key:Value로 이루어져 있다. 자료형 Dictionary와 유사 # GET → 통상적으로! 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회 # POST → 통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때 예) 회원가입, 회원탈퇴, 비밀번호 수정
JQuery - append function checkResult() { let fruits = ['사과', '배', '감', '귤', '수박'] fruits.forEach((a) => { let temp_html = `사과` $('#q1').append(tempD_html) }) } function checkResult() { let fruits = ['사과','배','감','귤','수박'] fruits.forEach((a) => { let temp_html = `${a}` $('#q1').append(temp_html) }) } function checkResult() { let fruits = ['사과','배','감','귤','수박'] $('#q1').empty() fruits.forEach((a) => { let temp_h..

티스토리툴바