본문 바로가기

분류 전체보기

(138)
[TIL] Javascript-5 [2024.01.10 수요일] 데이터를 다루는 방법에 대해 복습하였다. 예상한 데이터와 자바스크립트에서 제시한 데이터가 다른 경우가 있었다. let a = [7, 2, 5, 4, 1, 8]; let b = ["가", "나", "다", "라", "마", "바"]; let c = [{이름: "티티"}, {나이: 8}, {성격 : "까칠함"}]; let d = [{타이틀: "니모", 대상: "어린이", 저작권: "유지"}, {타이틀: "어바웃", 대상: "어른", 저작권: "만료"}]; let e = 3; let f = 5; let g="사과"; let h="맛있어"; let i="달콤해"; let j="8" 여러 종류의 데이터를 정리해 보았다. 데이터 추출 등을 비교해 볼 것이다. console.log(e+..
[TIL] Javascript-4 [2024.01.05 금요일] 1. 개념정리 1) 동기 처리와 비동기 처리 동기(snchronous) 코드 : 코드를 차례차례 실행하는 방식. 비동기(asnchronous) 코드 : 한번에 인자를 받고, 빠르게 끝나는 코드가 먼저 끝나는 방식. 2) 비동기 처리를 동기 처리로: 순서가 중요한 작업에서 사용할 수 있다. (1) promise resolve(성공), reject(실패)를 호출하는 구문이 있는 경우 둘 중 하나가 실행되기 전에는 then(다음), catch(오류)로 넘어가지 않는다. then 이하 함수의 매개변수가 resolve의 매개변수와 동일한 값이다. 두 매개변수는 서로 다른 이름일 수 있다. (2) generator 함수이름 뒤에*를 붙인다. iterator 객체는 next()를 가지고..
[TIL] Javascript-3 [2024.01.04 목요일] 1. 개념정리 1) 없음을 나타내는 값 (1) null : 메모리 주소가 지정되지 않은 식별자에 접근하는 경우 등. 있어야 하는데 없음 (2) undefined : 할당된 값의 위치는 있으나 값이 입력되지 않은 경우 등. *undefined는 없음 대용으로 사용하는 것은 지양해야 한다. 2) 실행컨텍스트 함수를 실핼하는 환경 정보 모음이다. 콜스텍에 쌓아올려 in, out을 구분함으로서 함수 실행 순서를 파악할 수 있다. (1) VariableEnvironment : 식별자 정보(record)+외부 환경 정보(outer)+선언 시점 정보(snapshot) (2) LexicalEnvironmen : 식별자 정보(record)+외부 환경 정보(outer)+변경사항이 반영된 정보..
[TIL] Javascript-2 [2024.01.03 수요일] 1. 개념정리 1) 식별자와 변수의 구분 var i=0; 식별자 = i 변수 = 0 2) 기본형 데이터와 참조형 데이터 기본형 : number, string, boolean, null, ndefined, symbol 참조형 : array, function, data, RegExp, Map, WeakMap, Set, WeakSet 기본형 데이터는 데이터가 1->2로 변하면 주소도 1->2로 변한다. 따라서 1, 2의 데이터가 모두 존재하므로 불변한다. 참조형 데이터는 데이터가 1->2로 변하면 주소는 동일하며 값만 1->2로 변한다. 따라서 1의 데이터가 사라지고 2의 데이터로 변환되므로 데이터가 가변한다. *참조형 데이터는 원본 데이터의 변화가 발생할 수 있으므로 주의해야 ..
[TIL]Javascript 1. 개념 정리 객체지향: 순서대로가 아닌, 객체라는 그룹으로 묶어서 처리한다. input, output, system의 관계와 유사. 동적 타이핑: 런타임 시점에서 데이터 타입이 결정된다. 메소드 : 객체 내부의 함수 객체의 생성 : 중괄호 안에 쉼료로 구분하여 만든다. 이름과 값을 쌍으로 갖는다.(key-value) person = {name: TT, kind: cat}; 2. 적용 가능한 메소드 등 length 길이(number) substring 일부 제거 search 찾기 split 열을 객체로 concat 이어붙이기 slice 일부 제거 replace 대체하기 객체의 object. keys 이름 entries 이름과 값 json.stringify 문자열화 values 값 assign 일부 복사..
[TIL] Firestore database 2023.12.29 금요일 구글에서 제공하는 Firebase의 database에 데이터를 저장, 불러오기 할 수 있다. database 내의 저장은 id 값을 변수로, 불러오기는 데이터를 변수로 사용한다. html 가장 마지막 줄에 오류가 발생했다면 괄호가 잘 되어있는지 확인해야 한다.
[TIL] Javascript, JQuery 2023.12.28 목요일 JQuery는 Javascript에서 구현을 할 수 있는 표현형이 꾸러미다. 페이지에서 데이터를 추가하는 기능을 넣을 때에는 button의 onclick과 function의 이름, 삽입하고자 하는 양식의 id 설정을 고려해야 한다. 변수를 넣을 때는 중가로를 사용한다.
[TIL] HTML, CSS, Javascript 2023.12.27 수요일 bootstrap에 게시되어 있는 양식을 이용하여 빠르게 홈페이지를 제작할 수 있다. CSS의 경우 class를 잘 나누어 적용하는 것이 중요하다. HTML, CSS를 사용하여 홈페이지를 제작할 때는 div로 나눌 수 있는 구역을 파악하고 부분별로 구현하는 것이 좋다. Javascript는 브라우저 등에서 범용적으로 사용되어 표준으로서 사용된다. 따라서 웹의 구현은 javascript의 구현을 염두에 두고 만들어야 한다.