반응형 공부 일지(개발)9 JAVASCRIPT 독학 (5일차)｜웹 개발자 준비 1. for문for ~ in- 키값을 읽어오고 싶을 때 사용- 어떤 객체를 받을 때 그 객체 안의 값을 모를 때 주로 사용- 동적인 객체에 값을 접근할 때 사용let person={ name : "제로" age : 28, humorous : ture}for(let key in person){ console.log("key", key)}위 코드에서 키값(name, age, humorous)을 불러오기 위해 for ~ in을 사용 for ~ in을 배열에 사용하면 일어나는 일 ㅗㅗfor ~ of- 배열이라던가 string(문자열)과 같은 순회가 가능한 자료형 타입에 쓸 수 있다.- 단점 : 세부 조절은 불가능하다.let fruit = ["apple", "banana", "orange", ".. 2025. 2. 14. JAVASCRIPT 독학 (4일차)｜웹 개발자 준비 1. switch문조금 더 간결하고 의미가 명확해 보인다는 장점이 있다.case가 값으로 딱 정해진 경우에만 사용이 가능하다.조건이 비교식일 경우에는 사용이 불가능하다.let food = '햄버거'switch(food){ case '피자': console.log("피자를 주세요") break; case '햄버거': console.log("햄버거를 주세요") break; default: console.log("메뉴에 없는 음식입니다")}case마다 break를 넘겨줘야 하는 이유 : 넘겨주지 않을 경우 밑에 case도 다 들르기 때문default는 if문의 else처럼 매칭되는 case가 없을 때 실행이 된다. 2. 삼항 연.. 2025. 2. 13. JAVASCRIPT 독학 (3일차)｜웹 개발자 준비 1. 객체(Object) - 한 데이터에 많은 정보를 담을 때 사용 let patient = { name : "inyoung", age : 28, disease : "cold"}//!설명// name : 키값// inyoung : 값console.log(patient) //patient를 송출console.log(patient.name) // patient객체의 name만 송출console.log(patient["name"]) // patient객체의 name만 송출 // 위와 똑같음patient.name = "maeng" // 이름 변경 (inyoung → maeng)//patient["name"] = "maeng" 으로도 가능!patient.age = 26 // 나이 변경 (28.. 2025. 2. 12. JAVASCRIPT 독학 (2일차)｜웹 개발자 준비 1. 배열 - 여러개의 데이터를 하나의 변수에 담고싶을 때 사용2. 인덱스 - 배열에 들어가는 아이템에는 모두 인덱스 번호가 부여된다. - 시작점은 0부터 부여된다. - 인덱스 번호로 배열에 있는 아이템에 접근할 수 있다.예시)let array = ["apple","banana","mango"] // 인덱스번호 0,1,2console.log(array[0]) // apple 프린트array[1]="grape"console.log(array)// ["apple","grape","mango"] 가 나옴 3. 배열 함수pop() : 배열 끝에 있는 아이템을 제거push("아이템") : 배열 끝에 아이템 추가, 배열의 최종 길이 리턴includes("아이템") : 배열에 아이템이 포함되어있.. 2025. 2. 11. JAVASCRIPT 독학 (1일차)｜웹 개발자 준비 1. 변수 (variable) - 3가지의 예약어varlet const (고정시켜야 하는 변수의 값을 선언할 때 사용)let color = "black"console.log(color)위 코드를 살펴보면let : 변수를 선언하는 것 (변수는 고유 값을 사용하므로 같은 이름을 가진 변수는 존재할 수 없다)color : 변수 이름= : 오른쪽에 있는 값을 왼쪽에 집어 넣는다는 의미 var과 let의 차이var : 자바스크립트의 초기 예약어let : 2015년 ES6 업데이트 이후 const과 같이 추가된 예약어let이 나온 이유 : var 예약어에 문제가 있기 때문자바스크립트는 컴파일을 하면서 자바스크립트 엔진이 선언된 변수와 함수를 가져와 메모리에 저장하는데이것을 '호이스팅'이라고 한다.자바스크립트.. 2025. 2. 10. 웹 독학 (유용한 사이트 정리)｜웹 개발자 준비 독학하면서 유용하게 사용하고 있는 사이트 정리1. https://replit.com/~ Sign UpBuild and deploy software collaboratively with the power of AI without spending a second on setup.replit.com다른 사람들과 코드를 공유하며 수정하거나 테스트할 수 있는 온라인 IDE이다.파이썬, C++, 자바, 코틀린, Node.js, HTML/CSS/JS 등 수많은 언어와 환경을 지원 2. https://flatuicolors.com/palette/defo Flat UI Colors 2 - 14 Color Palettes, 280 colors 🎨280 handpicked colors ready for COPY & PAS.. 2024. 12. 23. 이전 1 2 다음 반응형
