Coding Kyeong

자바스크립트 JS 공부 - 조건문 if문, switch문, 삼항연산자

if ... else 문코딩할 때 항상 보이는 if문 조건문이죠. 기본 if ... else 문법if (조건) { 만약 조건(condition)이 참일 경우 실행할 코드} else { 대신 실행할 다른 코드} 해석하면 : 만약 조건이 true면, 코드 A를 실행하고, 아니면 코드 B를 실행해.라고 할 수 있어요else에는 중괄호가 없어도 된답니다실제 예시let shoopingDone = false;let childsAllowance;if( shoppingDone === true) { childsAllowance = 10;} else { childsAllowance = 5;} else ifif (조건1) 문장1else if (조건2) 문장2else if (조건3) 문장3// …else 문장 다중..

자바스크립트 JS 공부 : 배열(Arrays)

배열이란?리스트에 저장된 다수의 값들을 포함하고 있는 하나의 객체 const shopping = ["bread","milk","cheese"];shopping // [bread, milk, cheese] 다양한 데이터 유형을 배열에 넣을 수도 있다. 숫자, 문자열, 개체 등등배열 항목의 접근과 수정//접근shopping[0];//수정shopping[0] = "tahini";shooping; // ["tahini", "milk", "cheese" ]배열의 갯수 알아내기length 속성을 사용해서 문자열의 길이를 알아낸 것과 같은 방식으로 배열의 길이를 알아낼 수 있다 다중 배열random[2][2]; 대괄호 두개를 함께 연결해 다른 배열 안에 있는 배열 내부의 항목에 접근 가능하다 유용한 배열 메서드s..

문자열은 숫자와 마찬가지로 변수를 선언하고 문자열 값으로 초기화한 다음 값을 반환여기서 차이점은 문자열을 작성할 때 값을 따옴표로 묶어야 한다는 점. 따옴표, 쌍따옴표, 백틱const single = 'single hello';const double = "double hi";const backtick = `backtick`;console.log(single);console.log(double);console.log(backtick); 무엇을 사용하든 동일하게 나오고 개인 취향대로 사용하면 좋지만, 되도록이면 일관되게 사용하는 것이 좋다고 한다 * 백틱 특징 JavaScript 삽입 가능 여러 줄로 템플릿 리터럴 선언 가능JavaScript 삽입템플릿 리터럴 내에서 JavaScript 변수나 표현식을 ${..

산술 연산자산술연산자들의 기본적인 용도 아래와 같고 간단한 예제를 보자. 연산자 이름 목적 예시 +더하기두 개의 숫자를 더합니다.6 + 9-빼기왼쪽에 있는 수를 오른쪽 수로 뺍니다.20 - 15*곱하기두 개의 숫자를 곱합니다.3 * 7/나누기왼쪽의 숫자를 오른쪽 숫자로 나눠서 몫을 구합니다.10 / 5%나머지 (또는 모듈로)왼쪽의 숫자를 오른쪽 숫자로 나눠서 나머지를 구합니다.8 % 3 // 2 반환**지수왼쪽의 숫자를 오른쪽 숫자만큼 제곱합니다.5 ** 2 // 25 반환 //우리가 알고 있는 산수연산자 사용법10 + 7 // 179 * 8 //7260 % 3 //0 그리고, 변수 내부의 값을 선언하거나 초기화 할 수 있으며, 이를 계산에 이용할 수도 있음.즉, 변수는 값과 정확히 동일하게 작동한..

변수란?변수란, 합계나 계산에 사용되는 숫자 또는 문자열과 같은 값을 담는 컨테이너 변수 = 물건을 담을 수 있는 작은 상자 변수 예제간단한 예시를 살펴보겠습니다. Press meconst btnA = document.querySelector("#button_A");const headA = document.querySelector("#heading_A");btnA.onclick = () => { const name = prompt("What is your name?"); alert(`hello ${name}, nice to meet you!`); headA.textContent = `Welcom ${name}`;}; 이 예제에서 버튼을 누르면 일부 코드가 실행됩니다. 첫 번째 줄은 사용자가 이름을..

간단한 게임을 만들어보자. 이 게임을 만들기 위해서, 여러분의 직장 상사가 게임의 기능을 안내해 주고 가는 상황을 상상해 보자간단한 스펠링 맞추기 게임을 만들어주세요. 무작위로 선택한 A과 Z사이의 스펠링을 플레이어가 10턴 내에 알아내는 게임입니다. 각 턴 후에는 플레이어가 고른 스펠링이 맞았는지 아니면 틀렸는지 알려줘야 하고, 만약 틀린 경우에는 플레이어의 스펠링이 앞에 있는지, 아니면 뒤에 있는지 를 알려줘야 합니다. 플레이어가 이전에 추측한 스펠링들의 기록도 보여줘야 합니다. 게임은 플레이어가 스펠링을 맞히거나, 턴을 모두 소모하면 끝납니다. 게임이 끝난 뒤에는 다시 게임을 시작할 수 있는 옵션을 제공해야 합니다.작은 작업으로 나눠 보기위에 내용을 작은 작업으로 나눠서 작게부터 생각을 해보자더보기..

JS를 아무리 공부를 해도 막상 실습으로 들어가면 어떻게 시작해야 하는지 막히는 경우가 대부분이었다.아는 변수와 함수들은 머릿속에서 자꾸 생각이 나는데 이걸 어떻게 풀어나가야 하는지 머릿속에서 엉켜서 뒤죽박죽 되는데 정말 힘들었다 JS를 볼 때 이해가 되고 해석이 돼서, 아 이 정도면 내가 만들 수 있겠는데? 하고 막상 맨 화면에 던져지면 ... 머릿속만 전쟁 났고 손가락은 안 움직인다 이건 실전 데이터 연습이 부족해서다 왜? 실습에서 막히는 걸까?1. 이론과 실전은 다름 이론 공부는 " 아 그렇구나! " 하고 이해하는 과정이지만, 실습은 직접 문제를 해결하는 과정이라 더 깊은 사고 필요2. 머릿속에서 이해한 것과 실제로 코드를 짜는 것은 다름 개념을 읽고 이해하는 것과 손으로 직접 작성하는 것은 완전히..

1. 카밀라의 유리구슬 렙 23이 되면 카밀라에게서 퀘스트를 받을 수 있다 퀘스트를 받으면 카밀라가 반짝이는 유리구슬을 유타에게 전해 달라는 퀘스트를 받는다 유타는 어디 있을까? 1-1. 퀘스트 재료 장소 위치 및 아이템 퀘스트 재료 위치 반짝이는 유리구슬 헤네시스 동쪽 숲 - 유타네 돼지농장 헤네시스 동쪽 숲으로 오다보면 왼쪽 상단에 포탈이 존재한다 그곳이 바로 유타네 돼지 농장이다 안타깝게도 빨간 돼지들이 잔뜩 있는데 공격하면 다 MISS나기 바쁘다 하지만 나는 그대로 데미지가 입는다는 사실.. 열심히 잘 피해 다니자 TIP! 이대로만 가면 되니까 걱정 노노 보상은 돼지도감 or 케이크 30개, 경험치 이렇게 준다고 합니다 돼지도감은 공속이 조금 빠른 정도지 별로 매리트는 없다고 하네요 그냥 경험치 ..

1. 넬라와 커닝시티 주민들의 의뢰 넬라와 커닝시티 주민들의 의뢰 시작레벨 15레벨 NPC 위치 커닝시티 퀘스트 재료 초록버섯의 갓 50개 버블링의 큰 방울 50개 1-1. 퀘스트 재료 장소 위치 및 아이템 초록버섯 장소 추천 엘리니아 퀘스트 재료 몬스터 아이템 위치 초록버섯의 갓 50개 엘리니아 버블링의 큰 방울 장소 추천 커닝시티 - 지하철 1호선 버블링은 밍밍부인의 첫번째 의뢰 퀘스트에 나왔던 것처럼 커닝시티에 존재합니다 역시 50개정도 모아줘야 합니다..! 노가다의 랜드에 오신 걸 환영합니다.. 퀘스트 재료 몬스터 아이템 위치 버블링의 큰 방울 50개 1호선 이렇게 퀘스트를 깨주면 첫번째 퀘스트 끝 다음 퀘스트에서 만나요

1. 밍밍부인의 첫번째 고민 렙 20이 되면 퀘스트들이 많이 열리는데 헤네시스에 가면 밍밍부인이 있다. 그냥 단순히 렙업하기 위해서 사냥을 하고 있다면 지루할 때쯤 퀘스트 깨러 가도 좋을 거 같다. 밍밍부인의 첫번째 고민 시작레벨 20레벨 위치 헤네시스 퀘스트 재료 버블링의 큰 방울 50개 슬라임의 방울 20개 돼지의 리본 100개 버블링의 큰 방울 50개 / 슬라임의 방울 20개 / 돼지의 리본 100개 재료가 필요하다. 엄청난 노가다를 해야하는 스멜이.. 1-1. 퀘스트 재료 장소 위치 및 아이템 돼지의 리본 장소 추천 헤네시스 - 헤네시스동쪽풀숲 헤네시스 마을에서 오른쪽 맨 끝 아래 두 번 정도 가면 돼지들만 잔뜩 모이는 곳이 있다 10 - 20렙까지 렙업하기 좋은 장소로 추천되는 곳이니 렙업하는 ..