본문 바로가기

FE20

ToDoList 목표 json-server를 활용해서 로컬에 REST API 구축 및 연동 (fake api 구축) CRUD구현 Javacript fetch API https://developer.mozilla.org/ko/docs/Web/API/Fetch_API - AJAX 요청을 하기 위한 기술 - AJAX란 서버에서 추가 정보를 비동기적으로 가져올 수 있게 해주는 포괄적인 기술을 나타내는 용어 - XHR, JQuery, Fetch 등의 선택지가 있지만 이번 강의에서는 최신 기술인 fetch API를 사용 2022. 10. 23.
기초문법 변수와 상수 호이스팅 때문에 var보다 let/const 사용 권장 호이스팅: 선언부를 코드 상단으로 끌어올리는 작업 자료형(원시타입) symbol(ES6~) null&undefined number - tofixed() NaN ( Not a Number ) Infinity 역따옴표(백틱) `${변수명}` 객체타입 delete 객체 내의 엔티티를 삭제 객체복사문제점 object값 복사할때는 대상전체가 아닌 object내 주소값만 복사되는 문제 발생 대상전체를 복사하는 방법: 얕은복사, 깊은복사를 통해 가능 얕은복사 for Object.asign() spread operator(전개연산자)let admin = { ...user }; 객체 내 또다른 객체가 있다면 복사되지 않음(주소값에 의한 복사때문)->깊은.. 2022. 10. 12.
Overview 코드동작흐름 컴퓨터 내부 동작원리 2022. 10. 11.
요소/전역속성 텍스트요소 구조를 나타내는 요소 1) 컨테이너 div (블록) span (인라인) 2) 시멘틱웹(Semantic Web) 요소의 의미를 고려하여 구조를 설계하고 코드를 작성 검색엔진은 의미론적 마크업을 분석하여 페이지의 검색 랭킹에 영향을 줄 수 있는 중요한 키워드로 간주 의미없는 div만 사용하는것보다 nav, article, aside 등 의미있는 요소 사용 3) header, footer 4) nav 5) aside 6) main 7) article 8) section 목록과 표 ul, ol, li dl, dt, dd table, tr, th, td thead, tbody, tfoot caption 임베디드 요소 img - src, alt, width, height 브라우저 지원여부 검색 사이트 c.. 2022. 10. 5.
기본문법 OpeningTag, contents, ClosingTag elements Empty elements tag검색시 키워드 mdn 사용. 콘텐츠 카테고리(7가지) 2022. 10. 3.
Angular 명령어 Angular 명령어 2022. 2. 17.