Jess2.xyz

👩🏻‍💻Frontend Developer

[Essay] 4년차 프론트엔드 개발자의 2021 회고

현재 날짜 기준으로 경력 만 3년이 조금 지난 4년차 웹 프론트엔드 개발자의 지난 2021년 회고록을 작성해본다. 개인적으로는 3~4년차가 가장 애매한 시기 중 하나인 것 같다. 이제 더 이상 신입도 아니고 그렇다고 시니어도 아니다. 개인적으로 느끼기에는 아직 많이 부족하고 공부할 게 너무 많은데 회사에는 뭔가를 보여줘야 할 것 같은 부담감이 몰려오는 시…

[JavaScript] 참조할당과 깊은복사, 얕은복사

참조 할당, 얕은 복사, 깊은 복사에 관해… 원래 알고 있던 내용 기존에 정리했던 포스팅 참조 할당 주소값을 복사하는 것 얕은 복사 (Shallow Copy) 복사되어 새로운 메모리로 할당이 되지만 속성으로 갖고 있던 객체나 배열은 주소값이 복사되는 형태. ex) spread operator, object assign 깊은 복사 (Deep Copy) 복…

[Seminar] 2021 NAVER DEVIEW 슬기로운 웨일앱 개발

2021 NAVER DEVIEW <슬기로운 웨일앱 개발> 세션 들으며 정리한 내용 1. 웨일 앱이란? Whale platform(Whale 브라우저나 Whale OS)에서 동작하는 확장앱 Whale Platform Chromium 기반 웹 서비스 플랫폼 Chromium 오픈소스 + Whale만의 서비스 Chromium 기능으로만 구성된 앱은 다른 브라우저…

[JavaScript] OOP - 3. Prototypes

0. Table of Contents What is OOP Objects Prototypes 👉 Current Page Prototypical Inheritance (TBD) ES6 Classes (TBD) ES6 Modules (TBD) 1. 상속 (Inheritance) 상속은 객체가 다른 객체의 속성과 메서드를 사용할 수 있도록 하는 OOP의 핵심…

[JavaScript] OOP - 2. Objects

0. Table of Contents What is OOP Objects 👉 Current Page Prototypes Prototypical Inheritance (TBD) ES6 Classes (TBD) ES6 Modules (TBD) 1. Creating Objects 중괄호 ()를 객체 리터럴 구문이라고 한다. 객체는 key-value 쌍을 가진…

[etc.] 해시 테이블과 해시 함수

해시 테이블 (Hash Table) F(key) → Hash Code → Index → Value 검색하고자 하는 key값을 입력받아서 해시 함수를 돌려서 반환받은 해시 코드를 배열 index로 환산을 해서 데이터에 접근하는 방식의 자료구조이다 여기서 값은 문자열이 될 수도 있고 숫자, 파일 데이터도 될 수 있다. 해시 함수는 어떤 특정한 규칙을 이용해서…

[JavaScript] OOP - 1. What is OOP

0. Table of Contents What is OOP 👉 Current Page Objects Prototypes Prototypical Inheritance (TBD) ES6 Classes (TBD) ES6 Modules (TBD) 1. What is OOP? OOP(객체 지향 프로그래밍)란, 함수보다는 객체를 중심으로 하는 프로그래밍 스타일, …

[JavaScript] 배열 고차 함수

0. Index 고차 함수란? 많이 사용되는 배열 고차 함수들 forEach map filter reduce some every find findIndex fill sort includes 다양한 고차 함수들 시각화 비교 성능 비교 1. 고차 함수란? 함수를 인자로 전달받거나 함수를 결과로 반환하는 함수 2. 많이 사용되는 배열 고차 함수들 2-1. Ar…

[WEB] CORS : 교차 출처 리소스 공유 (Cross-Origin Resource Sharing)

한 사이트에서 주소가 다른 서버로 요청을 보낼 때 CORS 관련 에러가 발생한다. https://aaa.com 에서 https://bbb.com/api/ccc API로 정보를 받아오기 위해 ‘프론트’에서 HTTP 요청을 보냈을 때 미리 특정 설정을 해주지 않으면 CORS 관련 에러로 막히게 된다. ‘PostMan’ 같은 것으로 똑같은 요청을 보내거나 ‘백…

[JavaScript] 깊은복사(Deep Copy)와 얕은복사(Shallow Copy)

1. 참조 할당 에 을 할당할 때, 주소값이 할당되는 것이기 때문에 한 객체의 값을 수정하면 다른 객체의 값 또한 동일하게 변한다. 2. 얕은 복사 - Shallow Copy 2-1. Object.assign() 메소드는 열거할 수 있는 하나 이상의 출처 객체(source)로부터 대상 객체(target)로 속성을 복사할 때 사용하고 대상 객체(targe…