학습 내용 정리/javascript (41) 썸네일형 리스트형 javascript 6. 객체 순회 , 객체 분해 , 배열 분해 이제 제목만 봐도 모르겠는 파트로 들어왔다. 배열과 객체를 거쳐 왔으니 이것도 할 수 있겠지. 힘내자. 객체 순회 순회 (iteration) 에 필요한 메서드 map.keys() map.values() map.entries() > 사용할 수 있는 자료 구조 : Map Set Array > 반환 값 : iterable 객체 Object.keys(obj) 객체의 키만 담은 배열을 반환 Object. values(obj) 객체의 값만 담은 배열을 반환 Object.entries(obj) [키, 값] 쌍을 담은 배열을 반환 > 반환값 : 진짜 배열 객체 변환하기 객체에는 map, filter 같은 배열 전용 메서드를 사용할 수 없다. 하지만 이렇게 하면 된다. 1. Object.entries(obj) 를 사용해.. javascript 5. 객체 객체는 몇 가지 특수한 기능을 가진 연관 배열 (associative array) 객체는 프로퍼티를 저장한다. {key:value} 이것을 property 라고 한다. key: 문자형 (문자열, 심볼) value : 모든 자료형 let user = { // 객체 user name: "John", //첫 번째 프로퍼티 age: 30 //두 번째 프로퍼티. key는 age, value는 30 객체이름.key 점 표기법 (dot notation) : 객체에 저장된 key에 해당하는 value 불러오기. delete 프로퍼티이름 프로퍼티 삭제 복수의 단어를 사용한 키값은 따옴표로 묶어라 trailing (hangoing) , 예시) 한 줄에 하나의 문장을 담고 쉼표로 구분지어 밑으로 내려간다. let user .. javascript 4. 함수 1. 함수 parameter : 매개변수 function name (parameter1, parameter2, ...) { //함수 본문 } - 함수 내에서 선언한 변수 인 지역 변수(local variable)은 함수 안에서만 접근 가능 function showMessage() { let message = "안녕하세요!"; //지역 변수 alert( message ); } showMessage(); //안녕하세요! alert ( message ); //ReferenceError: message is not defined //message는 함수 내 지역 변수이기 때문에 에러 발생!! 함수 내부에서 외부 변수에 접근 가능, 수정 가능 let userName = 'John' function showMess.. javascript 3. 배열과 반복문 1. 배열 객체형에 속한다. 키가 숫자. 두 가지 문법이 있다. let arr = [] let arr = new Array() // 실수가 생길 수 있으니 잘 이해하고 사용 꺼낼 때는 arr[순서] 0부터 시작한다. let fruits = ["사과", "오렌지", "자두"] alert( fruits[0] ) //사과 alert( fruits.length ) // 3 alert( fruits ) //사과, 오렌지, 자두 - length : 배열에 담긴 요소의 수 // length 값 감소를 이용해 배열 자르기 // 증가시켜도 배열에는 아무런 변화가 없다 let arr = [1,2,3,4,5] arr.length = 2 alert( arr ) // 1,2 arr.length = 5 //본래의 길이로 되돌리기.. javascript 2. 조건문 if switch 1. if 문 조건이 true 이면 코드 블록이 실행된다. 복수의 문을 실행하고 싶다면 중괄호로 감싼다. if (year == 2015) { alert ("정답입니다!") alert ("아주 똑똑하시네요!") } - else 절 거짓일 때 실행된다. let year = prompt ('ECMAScript-2015 명세는 몇 년도에 출판되었을까요?','') if (year 2015) { alert ('숫자를 좀 더 내려보세요.') } else { alert ('정답입니다!') } ? 조건부 연산자 let result = condition ? value1 : value2 // condition 이 true 라면 va.. javascript 1. 자료와 변수 0. 데이터 = 타입 + 주소 데이터(값)을 다루기 위해서는 데이터를 저장해 둔 공간의 주소 + 데이터의 타입 이 필요하다. 1. 변수 (variable) 이름이 붙은 저장소 let : 변수 생성 선언 (오래된 let 으로는 var 가 있다.) let message //message 라는 이름을 가진 변수를 선언 * 같은 변수를 중복해서 선언하면 Error - 변수 명명 규칙 1) 문자, 숫자, $, _ 만 사용할 수 있다. 2) 첫 글자는 숫자가 될 수 없다. 3) 예약어 (let class return function 등) 를 사용할 수 없다. - 카멜 표기법 : myVeryLongName - 변수 5종 세트 - 변수 이름 : 저장된 값을 식별 할 수 있는 고유의 값 변수 값 : 변수에 저장된 값 변.. javascript 0. 환경 설정 및 코드 구조 0. javascript 환경 설정 (참고자료) 1. 코드 구조 - 표현식(expression) : 구절 (10 + 20), 값을 계산할 뿐 다른 일을 하지 않는다. - 문(statement) : 문장, 값을 가지지는 않지만 프로그램의 상태를 변경한다. 1-1. ; 세미콜론 줄바꿈이 있다면 생략할 수 있다. 1-2. // 한 줄 주석 1-3. /* 내용 */ 여러줄 주석 2. 단축키 - 새 파일 생성 단축키 Mac : Command + N ⊞ Windows : Ctrl + N - 한 줄 주석 처리하기 Mac : Command + / ⊞ Windows : Ctrl + / 스파르타 코딩클럽 내일배움캠프 사전캠프 자료 javascript handbook 에서 발췌 Javascript JQuery Fetch 기초 : 스파르타 코딩클럽 웹개발 종합반 2주차 오늘은 개발일지를 적는 2번째 날이다. 스파르타 코딩클럽의 웹개발 종합반 2주차 수업을 들었다. Javascript JQuery Fetch 에 대한 내용이었으며 실습을 통해 API에서 정보를 받아오는 웹페이지를 만들 수 있었다. 1. 주요 개념 정리 및 공부 준비 1-1. Javascript JQuery Fetch 용어 { } 딕셔너리 [ ] 리스트 Javascript : 동작을 명령 JQuery : 누군가가 만들어 놓은 코드 조각 (Javascript로 길게 써야 하는 것을 간단하게 쓸 수 있다) Fetch : 서버에서 데이터를 가져와서 활용 API : 데이터를 주는 은행 창구 JSON : 서버에서 클라이언트로 데이터를 내려 줄 때 dictionary 형식으로 내려 주는 것 1-2. Console 웹페.. 이전 1 2 3 4 5 6 다음
