profile
모든게 새롭고 재밌는 프론트엔드 새싹

# Symbol

Symbol 이란? : Object의 비밀스런 key값 만드는 법 var 심볼 = Symbol('설명'); 용도 비밀스런 데이터를 저장하고 싶을 때 사용함. import 해온 파일/라이브러리 쓸 때 거기 있던 object에 자료를 추가하고 싶으면(기존 코드 해칠 염

1일 전
·
0개의 댓글
·

# for in/for of

반복문의 용도 코드 여러번 실행 array,object에서 자료 꺼내쓸 때 For 반복문 종류 for(초기값;조건식;증감식) 복잡함 forEach() arr.forEach array 전용 for in for(var key in 오브젝트) object 전용 예시

1일 전
·
0개의 댓글
·

# Async/await

Async : Promise 대신 사용할 수 있는 ES8 문법 async를 function 앞에 붙이면 함수가 Promise 역할을 할 수 있다. 단점 : 성공만 가능 await 키워드 : 프로미스가 해결될 때까지 기다리게 해줌. async function 안에서만

1일 전
·
0개의 댓글
·
post-thumbnail

# Promise 연습문제

htmljsjQurey로 Ajax 요청을 하려면 $.ajax 혹은 $.get 를 써야한다.(상단에 jQuery 설치 파일도 첨부되어 있어야 함.)

4일 전
·
0개의 댓글
·

# Firebase를 활용한 회원가입, 로그인

📌 전체적인 흐름 회원가입 : 서비스 DB에 email, password 전송 로그인 : 1) 서비스 DB에서 전송했던 email, password를 기억하고 token 보냄 2) token + 원하는 요청을 하면 알맞은 응답을 보냄. (개발자도구 > 헤더에서

4일 전
·
0개의 댓글
·
post-thumbnail

# github로 웹사이트 호스팅하기

repository 만들기 readme.md check 파일 업로드 하기 설정 -> pages 에서 branch를 main으로 설정하고 save하기. 새로고침/시간 조금 있다가 보면 사이트 주소 만들어짐

4일 전
·
0개의 댓글
·

# class, extends, getter, setter 연습문제

정답!정답!: a가 b로부터 생성된 오브젝트인지 아닌지를 T/F로 알려주는 연산자.getter에는 parameter 쓰면 안됨!, return 써줘야함몇 개가 들어올지 모르기 때문에 rest parameter(...)이용해서 array에 저장.forEach 사용해서 하

4일 전
·
0개의 댓글
·

# Promise

📌 Promise란 무엇인가? 성공/실패 판정 기계. (성공하면 then(), 실패하면 catch()를 실행) ⭐️ 콜백함수 디자인 패턴이 마음에 안들시 대신 사용할 수 있음. 새로운 기능이라기보다는 코드/함수 디자인 패턴일 뿐이다. ajax 요청, setTimeou

2022년 11월 25일
·
0개의 댓글
·

# 학습 기록

✏️학습한 자료들 DB 쌓기

2022년 11월 24일
·
0개의 댓글
·
post-thumbnail

# Linux

커스텀 OS를 만들 수 있는 커널이다.(= 자신의 운영체제를 개발할 수 있다.)오픈소스 운영체제 : 누구나 공짜로 가져다 쓸 수 있고, 코드도 마음껏 들여다볼 수 있음.커널 : 기계를 상대하는 최전선에서 하드웨어 요소를 다루고 관리하는 역할을 함. 운영 체제의 핵심!\

2022년 11월 23일
·
0개의 댓글
·

# import, export를 이용한 파일간 모듈식 개발

JS 파일에 있는 변수, 함수 등을 다른 파일에서 가져다 쓰는 방법 (html - js, js - js 간에 가능) type = "module" 로 수정. 가져올 파일의 요소를 import 해당 JS 파일에서 해당 요소를 export 기본 형태 html librar

2022년 11월 22일
·
0개의 댓글
·

# Destructuring 문법

: Array, Object에 있는 중요한 자료들을 변수로 꺼내고 싶을 때 사용하는 문법 1. Array 안에 있는 데이터를 변수에 담는 방법 var arr = [2,3,4]; var [a,b,c] = [2,3,4]; 등호로 기본값 지정 가능 var [a,b,c =

2022년 11월 19일
·
0개의 댓글
·

# 동기 / 비동기처리, 콜백함수

Q. 자바스크립트는 동기적인가 비동기적인가? >### 자바스크립트는 동기적으로 처리된다.(Synchronous) 동기식 : 한번에 코드 한줄씩 차례로 처리하는 방식 원인 : stack은 하나밖에 없기 때문에. 병렬 x >### 자바스크립트는 가끔 비동기적인 처리도

2022년 11월 16일
·
0개의 댓글
·
post-thumbnail

# Stack, Queue를 이용한 웹브라우저 동작원리

웹 브라우저 : 서버에서 받아온 HTML, CSS, JS를 실행시켜주는 프로그램. 브라우저는 C++로 짜여져 있다. 실행해야할 자바스크립트 코드를 발견하면 C++로 만들어둔 stack에 넣어 돌린다. 자바스크립트의 코드처리과정 특징 python 같은 언어는 위에서 부

2022년 11월 16일
·
0개의 댓글
·

# constructor, prototype 연습문제

문제 1 > ### 아래 오브젝트와 똑같은 오브젝트를 constuctor를 사용해 만들고, sayHi() 함수도 추가하기 예상 정답: 함수 만드는 부분이 조금 헷갈렸음! (정답!) 문제 2 >### 다음 코드의 출력 결과는? 예상 정답: 'Kim' (정답!) 이유

2022년 11월 15일
·
0개의 댓글
·

# getter, setter

필요성 데이터를 수정하거나 출력할 때 직접 원본 데이터를 만지는게 아니라 함수로 간접적으로 다루는게 대세를 이루고 있다. 이유 : 데이터의 무결성을 보존하기 위해. >### "원본 데이터는 immutable 해야 한다." 장점 object 안의 데이터가 복잡할 수록

2022년 11월 15일
·
0개의 댓글
·

# 객체지향 (4) class, extends, super

📌 class ES6의 class 신문법으로 constructor를 만들 수 있다. 만드는 방법 class 안에 constructor를 만들고 새로 생성할 때는 이전과 동일하게 new 키워드를 사용함. 상속가능한 함수 추가하기 방법 1) 함수를 construct

2022년 11월 12일
·
0개의 댓글
·

# 객체지향 (3) Object.create

Object.create( ) 상속을 이용해 오브젝트를 만드는 간단한 문법(ES5) class 문법에 밀려 인지도는 낮음. 사용법 Object.create(부모 object); 부모 object를 prototype으로 만들 수 있다. 예제 자식 object는 비어

2022년 11월 12일
·
0개의 댓글
·

# 객체지향 (2) Prototype

Prototype: 부모 유전자 constructor를 만들면 자동으로 생긴다. 상속기능을 구현하는 장치이다. >### ⭐️ prototype에 값을 추가하면 모든 자식들이 물려받을 수 있다. constructor.prototype.속성 = 값; 자바스크립트에서 어

2022년 11월 11일
·
0개의 댓글
·

# 객체지향 (1) constructor

constructor : object 생성기계 object는 그냥 복사하면 안됨. object를 여러개 복사하고 싶을 때 사용함. 상속기능을 구현하는 장치이다. 상속(inheritance) constructor가 가진 속성들을 그대로 물려받는 오브젝트를 만드는 것.

2022년 11월 11일
·
0개의 댓글
·