profile
I'm gonna be a Front-End Developer..!
post-thumbnail

[TypeScript] 사전 클래스 만들어 보기

노마드 타입스크립트 챌린지를 하면서배웠던 내용을 정리한다.타입스크립트를 통해 사전에 단어를 추가하고 수정하고 삭제하고 출력하는 클래스를 만들어 봤다.배운 것클래스에 대해서 좀 더 이해할 수 있었다. -> constructor로 초기화, 메서드 추가타입스크립트에서 객체

어제
·
0개의 댓글

📝 [JS 공부기록] 0627~0701

배열생성 방식배열 리터럴Array 생성자 함수Array.of, Array.from 메서드Array.of() - 전달된 인수를 요소로 갖는 배열 생성Array.from - 유사배열객체, 이터러블 객체를 인수로 받아 배열로 변환원본배열을 직접 변경하는 메서드.push()

5일 전
·
0개의 댓글

📝 [JS 공부기록] 0620~0624

값처럼 사용할 수 있는 일급 객체변수나 자료구조에 저장함수의 매개변수로함수의 반환값으로costructor, 프로토타입 메서드, 정적 메서드호이스팅이 일어남let, const 처럼 TDZconstructor, 프로토타입 메서드, 정적 메서드 => 호출 가능클래스는 함수이

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

TypeScript 환경설정

타입스크립트 프로젝트 환경설정 > $ npm init -y pacakage.json 생성 > tsconfig.json 설정 다양한 옵션들 임의로 설정할 수 있음!

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

[React] Gym-Exercise: MUI 프레임워크

MUI 프레임워크를 경험하고 한마디로 표현하자면!bootstrap과 tailwind css에 결합이라고 할 수 있다.bootstrap 처럼 해당 프레임워크만의 UI를 제공하면서,tailwind css 처럼 따로 CSS 파일 없이 JS 안에서 스타일링이 가능하다. 약간

2022년 6월 23일
·
0개의 댓글
post-thumbnail

[React] Gym-Exercise 배운 것

API 활용해서 Fitness App을 만드는 프로젝트 강의를 들었습니다.그 과정에서 배운 내용들을 시리즈로 정리합니다.강의 URL: https://youtu.be/KBpoBc98BwM

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

JS Deep Dive 클로저 2

즉시실행함수를 이용 해서 함수를 반환즉시실행함수 안에서 변수 생성시 전역X -> 변수의 의도치 않은 변경이 발생하지 않음즉시실행함수의 내부함수는 즉시실행함수의 실행컨텍스트의 렉시컬 환경을 기억하는 클로저X외부의 예기치 못한 상태 변경을 피하기 위해 함수형 프로그래밍에서

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

JS Deep Dive 0614 24장 클로저 1

렉시컬 스코프 - 상위 스포크에 대한 참조는 함수가 정의되는 위치에 따라 결정됨함수가 정의 될 때 \[\[Environment]] 슬롯에 렉시컬 환경 참조는 상위 스코프를 가리킴객체 내부 슬롯 \[\[Environment]] 현재 실행 중인 실행 컨텍스트의 렉시컬 환경

2022년 6월 15일
·
0개의 댓글
post-thumbnail

[TypeScript] Call Signatures와 Over Loading

\-> 코드에 마우스 올리면 나오는 것해당 코드의 변수나 함수의 타입을 알려줌!타입 지정하지 않아도 타입스크립트가 해당 코드의 타입을 추론해서 적용해줌함수가 만들어지기 이전에 어떻게 작동하는지 서술한다고 할 수 있음프로그램을 짜기 전에 타입을 먼저 생각하고 코드를 구현

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

JS Deep Dive 실행컨텍스트 - 함수 코드 평가

함수 실행 컨텍스트 생성함수 렉시컬 환경 생성2.1. 함수 환경 레코드 생성2.2. this 바인딩2.3. 외부 렉시컬 환경에 대한 참조전역 코드 실행된 함수의 외부 렉시켤 환경 참조는 전역 렉시컬 환경의 참조함수 정의 위치에 따라 상위 스코프 결정됨함수 평가하고 생성

2022년 6월 14일
·
0개의 댓글

취업특강 - 농부 개발자 김병욱님

역시 비전공자로 늦은 나이에 시작해서 개발자로 취업의 성공하는 것은피나는 노력이 있어야한다는 것을 다시 한 번 느꼈다. 왜 개발자가 되려는지에 대해 명확하게 생각해보고 동기를 부여하고 치열하게 공부해야 한다.인상이 굉장히 좋은 미소 뒤에 얼마나 많이 좌절하고 잠을 이겨

2022년 6월 13일
·
0개의 댓글
post-thumbnail

[Vue] 노션 클론 프로젝트

뷰를 통해 CRUD와 서버와의 통신을 능숙하게 하고 싶다.프로젝트 시작 및 설치$ npm create vite@latest notion-project$ npm install vue-router pinia// pinia -> store$ npm i -D eslint es

2022년 6월 13일
·
0개의 댓글
post-thumbnail

[Vue] 영화 검색 미니 프로젝트

Lodash를 이용한 중복제거\_uniqBy 메서드 활용\-> 중복을 제거 해준다!promise 객체\-> axios로 api 호출하는 부분만 따로 함수를 만들어 재사용하면 코드의 반복을 줄일 수 있음!async await 문에서의 예외처리는\-> try catch문으

2022년 6월 13일
·
0개의 댓글
post-thumbnail

JS Deep Dive 0613 23장 실행 컨텍스트

실행할 코드에 제공할 관경 정보들을 모아놓은 객체\-> 소스코드 실행에 필요한 정보, 변수나 함수를 실행컨텍스트 내 스코프에서 검색전역 코드, 함수 코드, eval 코드, 모듈 코드 실행될 때 각각의 실행 컨텍스트가 구성됨실행 컨텍스트는 무엇이고 어떤 역할을 하는가!?

2022년 6월 13일
·
0개의 댓글
post-thumbnail

[TypeScript] 입문

왜? 만들어졌는가타입 안정성을 위해서왜? 만들어졌는가\-> 런타임 에러(콘솔에서 일어나는 에러)가 줄어든다\-> JS는 코드 실행 에러가 날거라고 얘기해주지 않음자바스크립트는 유연한 언어 \-> 에러를 보여주지 않으려고 함1, 2, 3, 4 + false // ‘1,

2022년 6월 12일
·
0개의 댓글
post-thumbnail

[vue] API 데이터 다루는 로직

검색시 10개, 20개, 30개의 데이터를 볼 수 있음한 페이지에 10개의 데이터가 출력됨353개의 결과가 나올 경우 10개가 한 페이지이기 때문에 10으로 나눠 준다.35.3 페이지가 나오는데 Math.ceil()를 통해 올림을 한다. // 35 페이지최대 30개 까

2022년 6월 12일
·
0개의 댓글
post-thumbnail

[Vue] 영화 검색 미니 프로젝트Vuex 적용

설치 - $ npm install vuex@next적용sotre 폴더 생성js 파일 생성 import {createStore} from vuexModules 만들기main.js에 연결 use(store)vue에 적용하는 라이브러리를 연결하는 용도namespaced -

2022년 6월 12일
·
0개의 댓글
post-thumbnail

[Vue] 영화 검색 미니 프로젝트 환경설정

뷰 공부를 빠르게 진행해야 하는 상황이 돼서 바로 앱을 만들어 보려고 한다.리액트랑 비슷하고 패턴과 문법만 조금 다르다고 느껴진다.직접 만들어봐야 더 공부가 잘된다. 기본 개념 강의만 듣는다고 실력향상이 되지는 않는다.패스트 캠퍼스 강의를 바탕으로 진행한다.multi-

2022년 6월 10일
·
0개의 댓글
post-thumbnail

[Vue] 공부하기 from scrach

모던 프론트엔드 프레임 워크는 다양하다.대표적으로 React, Vue, Angular가 있다.각 프레임워크의 목적이나 특성이 분명하기 때문에 상황에 맞게 사용하면 된다. 무엇이 좋고 무엇이 나쁜지 명확하네 나누는 것은 애매한 것 같다.대규모 프로젝트에서는 주로 Reac

2022년 6월 9일
·
0개의 댓글
post-thumbnail

✍️ JS 공부기록(0530~0602) - Deep Dive

무명의 리터럴 생성변수나 자료구조에 저장 가능함수의 매개변수에 전달 가능함수의 반환값으로 사용 가능함수는 일급객체!함수는 호출 가능하다.함수 고유의 프로퍼티를 갖는다.함수 고유의 프로퍼티arguments 프로퍼티매개변수로 전달된 인수의 정보를 담고 있는 순회가능한 유사

2022년 6월 3일
·
0개의 댓글