[JavaScript(6)] 반복문과 switch문
·
웹 개발/Javascript
안녕하세요~ 경제적 자유입니다.오늘은 JavaScript의 반복문과 Switch문을 리뷰해보려고 합니다. OverView 프로그래밍을 하다 보면 같은 작업을 여러 번 반복해야 할 때가 있습니다.예를 들어 “1부터 5까지 숫자를 출력해줘”라고 하면, console.log()를 다섯 번 직접 쓰는 방법도 있지만, 코드가 길어지고 비효율적입니다.이럴 때 사용하는 것이 바로 반복문입니다. 그리고 여러 조건 중 하나를 골라 실행해야 할 때는 if...else도 사용할 수 있지만, 비교할 값이 많아지면 코드가 길어질 수 있습니다.이럴 때는 switch문을 사용하면 더 깔끔하게 정리할 수 있습니다. 쉽게 말하면,while문은 “조건이 맞는 동안 계속 반복”for문은 “정해진 흐름대로 반복”switch문은 “여러 선..
[JavaScript(5)] 조건문과 논리 연산자
·
웹 개발/Javascript
안녕하세요~ 경제적 자유입니다.오늘은 JavaScript의 조건문, 논리 연산자, nullish 병합 연산자를 리뷰해보려고 합니다. OverView JavaScript를 공부하다 보면 이런 상황을 자주 만나게 됩니다. “만약 로그인을 했다면 마이페이지를 보여주고, 로그인을 안 했다면 로그인 페이지로 보내야 한다.” 이럴 때 필요한 개념이 바로 조건문입니다. 그리고 조건이 하나가 아니라 여러 개일 때는 논리 연산자를 사용합니다. 나이가 20살 이상이고회원가입도 되어 있고로그인도 되어 있다면 특정 기능을 사용할 수 있게 만들 수 있습니다. 또한 값이 비어 있을 때 기본값을 넣어주고 싶을 때는 nullish 병합 연산자 ??를 사용할 수 있습니다. 추가로 더 자세히 공부하고 싶다면 아래 MDN 문서를 참고해..
[JavaScript(4)] 연산
·
웹 개발/Javascript
안녕하세요~ 경제적 자유입니다.오늘은 JavaScript의 연산자와 비교 연산자를 리뷰해보려고 합니다. OverView JavaScript에서 연산자는 값을 계산하거나, 비교하거나, 변수에 값을 넣거나, 조건을 판단할 때 사용하는 기호입니다. 쉽게 말하면 연산자는 JavaScript에게“이 값들을 더해줘”,“둘이 같은지 비교해줘”,“이 변수에 값을 넣어줘”,“조건이 맞는지 확인해줘”라고 명령하는 도구라고 볼 수 있습니다. 추가로 더 자세히 공부하고 싶다면 아래 MDN 문서를 참고해보세요. 참고 링크: https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_operators 개념 설명 1. JavaScript 연산자란? 연..
메모앱 그리고 CALLBACK과 PROMISE
·
TIL
안녕하세요~ 오늘은 메모앱 만들기 및 CallBack과 Promise를 공부하였습니다. 오늘 공부한 내용은 HTML에 생동감을 불어 넣어줄 수 있는 Event를 실습 할 수 있는 시간이었던 것 같습니다. DOM은 저번에 공부하였지만 아직까지 와닷지 않았는데 메모앱을 만들고 다시 하나하나 뜻어보면서 event가 있을 때 행동을 부여하는 addeventlistenerdocument(html파일)안에서 node를 찾아주는 queryselectorcreateElement와 textcontent를 통해서 메모된 것을 추가해줄 수 있는 그런 아름다운 나만의 cozy한 메모을 만들 수 있었네요:) 매모 앱: sangenie99.github.io/260529_ex/ Cozy Daily MemoCozy Daily Me..
[JavaScript(3)] 자료형
·
웹 개발/Javascript
안녕하세요~ 경제적 자유입니다. 오늘은 JavaScript의 자료형, alert, prompt, confirm 그리고 타입 변환을 리뷰해보려고 합니다. OverView JavaScript에서 값은 그냥 아무렇게나 존재하는 것이 아니라, 각각의 “종류”를 가지고 있습니다.예를 들어 숫자 100, 문자 "100", 참과 거짓을 나타내는 true, 값이 없다는 뜻의 null은 모두 서로 다른 의미를 가진 값입니다. 쉽게 비유하면 JavaScript의 자료형은 물건에 붙어 있는 이름표와 비슷합니다.100 → 숫자형"100" → 문자형true → 불린형null → 비어 있음{ name: "sangu" } → 객체형 겉으로 보기에는 비슷해 보여도 JavaScript는 이 값들을 서로 다르게 다룹니다.그래서 자료형..
[JavaScript(2)] Hello, World!
·
웹 개발/Javascript
안녕하세요~ 경제적 자유입니다.오늘은 JavaScript의 를 리뷰해보려고 합니다. OverView JavaScript를 처음 공부하면 가장 먼저 만나는 것이 console.log(), 문장 구조, "use strict", 그리고 let, const, var 같은 변수 선언입니다. 처음에는 용어가 낯설어서 어렵게 느껴질 수 있지만, 쉽게 말하면 JavaScript는 컴퓨터에게 “이렇게 움직여줘!”라고 명령을 내리는 언어입니다.예를 들어 우리가 친구에게 말할 때도 순서가 있죠. "자유야, 물 좀 가져와.”여기서 “자유야”는 대상이고, “물 좀 가져와”는 명령입니다.JavaScript 코드도 비슷합니다. 컴퓨터에게 어떤 값을 보여주고, 저장하고, 계산하라고 알려주는 방식입니다. 추가로 더 자세히 공부하고 ..