테미남

✔ 프로미스(Promise) // 실제로 백엔드의 통신과 관련된 내용, 데이터를 가져다 뿌리는 내용(그 이전엔 화면을 구성하고 프론트앤드 디자인느낌) - 자바스크립트 비동기 처리에 사용되는 객체 - 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용 ✔ 프로미스 사용시 장점 - 비동기 처리 시점을 명확하게 표현 - 연속된 비동기 처리작업을 수정, 삭제, 추가하기 편하고 유연한게 만들 수 있음 - 코드의 유지 보수성이 증가 const 프로미스객체 = () => new Promise((resolve, reject) => { }) 비동기 처리가 성공 또는 실패 등의 상태 정보를 갖게됨 resolve가 호출된 경우: 성공 reject가 호출된 경우: 실패 프로미스를 리턴받은 객체 .then(정상적으로 프로미스..

카테고리 없음 2023. 4. 14. 17:01

이벤트(Event) - 웹 브라우저가 알려주는 HTML 요소에 대한 사건이 발생 - 웹 페이지에 사용된 자바스트립트는 발생한 이벤트에 반응하여 특정 동작을 수행할 수 있음 - 자바스크립트는 비동기식 이벤트 중심의 프로그래밍 모델 ------- ------- -------- 이벤트타겟 이벤트타입 이벤트리스너 확인 이벤트타입(Event Type) - 발생한 이벤트의 종류를 나타내는 문자열로 이벤트명이라고도 함 - 키보드, 마우스, HTML DOM, window 객체... 등을 처리하는 이벤트 제공 - https://developer.mozilla.org/ko/docs/Web/API/Event 이벤트타겟(Event Target) - 이벤트가 일어날 객체를 의미 Event - Web API | MDN Event..

카테고리 없음 2023. 4. 14. 16:53

wrapper object Primitive Types(기본타입 == 원시타입) - string, number, bigint, boolean, undefined, symbol, null ## 객체가 아닌 기본타입이다. - 기본 타입은 객체가 아님 - 기본 타입은 프로퍼티와 메서드를 정의할 수 없음 - new 키워드를 사용하여 원시 타입을 래퍼 객체로 생성할 수 있지만, 주로 사용하는 방법은 아님 let a = 'apple' let a = new String('apple') string -> String number -> Number bigint -> Bigint boolean -> Bollean symbol -> Symbol URL, URI(Uniform Resource Identifier) - 아스키 ..

카테고리 없음 2023. 4. 14. 16:38

✔ Location 객체 현재 브라우저에 HTML 문서의 주소를 얻거나, 브라우저에 새 문서를 불러올 때 사용 http://koreaitac.co.kr/renewal2021/community/interview_view.asp ------- ------------- ------------------------------------------ protocol hostname pathname protocol: 콜론을 포함하는 http, https, fth 등 프로토콜 정보를 반환 hostname: 호스트의 이름과 포트번호를 반환 pathname: URL 경로부분의 정보를 반환 href: 페이지 URL 전체 정보를 반환 또는 URL을 지정하여 페이지를 이동 reload(): 새로고침 DOCTYPE html> L..

카테고리 없음 2023. 4. 7. 16:53

사용자 정의 함수(function) - 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록 - 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있음 - 코드를 재활용 1. 함수 선언식 function 함수명(매개변수1, 매개변수2 ..){ 함수가 호출되었을 때 실행할 문장 ... return 값 } 함수명(값, 값2 ...) 2. 함수 표현식 const 변수명 = function(매개변수1, 매개변수2 ..){ 함수가 호출되었을 때 실행할 문장 ... return 값 } 변수명(값1, 값2 ..) //1. 과 2. 에서 2. 함수표현식을 좀 더 추천함 디폴트 매개변수 - 매개변수의 값을 설정하는 것 - 매개변수의 값을 정하지 않으면 기본값을 변수에 저장 function 함수명(매개변수1=..

카테고리 없음 2023. 4. 6. 23:32

문제 이름, 국어점수, 수학점수, 영어점수를 입력받아 총점과 평균을 출력하는 문서를 작성해보자. (단, 입력은 prompt를 이용하여 받음) 김사과님의 성적표 국어: 90점 수학: 90점 영어: 90점 총점: 270점 평균: 90점 DOCTYPE html> 학생성적표 학생성적표 const name = prompt('이름을 입력하세요') const kor = prompt('국어점수를 입력하세요') const math = prompt('수학점수를 입력하세요') const eng = prompt('영어점수를 입력하세요') const tot = kor + eng + eng const avg = tot / 3 console.log(`${name}님의 성적표`) console.log(`국어: ${kor}점`) co..

카테고리 없음 2023. 4. 5. 16:42

자바스크립트(JavaScript) 1995년 - 넷스케이프 커뮤니케이션즈: 네비게이터 브라우저가 90% 이상의 점유율 1996년 - 브랜던 아이크 동적인 프로그램을 개발하기 위해 언어(모카, 10일만에) 개발 네비게이터2에 탑재 - 네이게이터2에 탑재( 모카 -> 라이브스크립트->자바스크립트) - MS의 익스플로러의 Jsscript 호환성 문제로 크로스 브라우징 이슈가 발생 1997년 - 자바스크립트는 ECMAScript(비영리 표준화 기구 ECMA 인터내셔널)로 명명됨 1999년 - 비동기적(Asynchronous0) 서버와 브라우저가 데이터를 교환할 수 있는 통신 기능 Agax(Asnychonous-JaCript and MRL) 이 탄생 2005년 - 구글이 발표한 구글앱에 Ajax기출을 사용 - 크..

카테고리 없음 2023. 4. 4. 15:16

DOCTYPE html> 카페 소개 카페소개 오시는 길 이달의 추천 카페 소개 영업시간: 오전 9시 ~ 밤 10시 휴무: 매주 수요일 (수요일이 공휴일인 경우 수요일 영업, 다음날 휴무) 오시는 길 서귀포시 안덕면 사계리 000-0000 제주 올레 10코스 산방산 근처 이달의 추천 아이스 커피 1인분 기준으로 서버에 각 얼음 5조각(한 조각은 20cc) 넣고 추출을 시작한다. 평상시 보다 원두의 양은 2배정도(20g)와 추출액은 얼음 포함해서 200cc까지 내린다. 아이스 잔에 얼음 6~7개 섞어서 시원하게 마신다. My times with Coffee DOCTYPE html> transform p { width: 600px; padding: 20px; border: 3px solid rgba(0, 0,..

카테고리 없음 2023. 4. 3. 16:21