profile
어떤 문제든 파악 할 수 있으며 해결책을 찾을 수 있는 개발자를 지향합니다.

[ES6] Async/Await

'노마드코더의 ES6의 정석' 동영상 강의를 토대로 복습한 내용입니다.Async/Await는 Promises를 좀 더 좋게 바꿔주는 문법이다. Promises 영향권 밖에서 then(),catch()을 쓰지 않고 좀 더 읽기 좋은 코드로 만들 수 있다.기존의 Promi

2021년 9월 5일
·
0개의 댓글
·
post-thumbnail

[ES6] PROMISES

'노마드코더의 ES6의 정석' 동영상 강의를 토대로 복습한 내용입니다.프로미스는 자바스크립트 비동기 처리에 사용되는 객체다.API가 실행되면 서버에다가 요청을 보내는데 JS의 특정상 모든 데이터를 받기전에 실행되려고 하며 따라서 오류가 발생하거나 빈 화면이 뜨게된다.이

2021년 9월 3일
·
0개의 댓글
·
post-thumbnail

[ES6] var, const, let

ES6에서 추가된 const, let 변수 선언의 원리를 보다 깊게 알고 있으면 좀 더 명확하고 안전한 프로그래밍을 구현 할 수 있다.var는 변수에 재할당, 재선언 전부 가능var변수 선언시 호이스팅이 작동한다.hoisting이 작동하면 에러를 발생시키지 않고 und

2021년 8월 30일
·
0개의 댓글
·

유용하게 자주 쓸 것 같은 함수모음 1

고민하며 만들었던 함수를 잘 정리해두면 재사용에 좋을 것 같아서 올려봅니다.어떤 주소이든 파일형식의 이름은 맨 끝에 있으며 앞에는 "."자가 반드시 있다는 특성을 활용해split(".")의 내장함수를 이용해 "."가 있는 문자를 모두 나누어 배열을 생성한다.그러면 배

2021년 8월 20일
·
0개의 댓글
·
post-thumbnail

(Vue.js) 버튼이벤트를 통해 새로운 이미지를 생성하는 법

src\\views\\randomPhotoGenerator.vue 본래 구상했던 건 고양이 생성 버튼을 클릭하면 methods에서 존재하는 createdCatImg함수가 실행, 이 함수에서는 이미지 객체 생성하고 API에서 파싱된 이미지 주소를 이 이미지 객체에 대입,

2021년 7월 20일
·
0개의 댓글
·
post-thumbnail

(Vue.js) 이미지URL이 없어 출력되지 않을 때 대체이미지를 쓰는 팁

이미지 데이터를 호출해 브라우저에 출력하고자 하는 이미지가 존재하지 않으면 이미지가 누락되거나 엑박이 표시된다. 그대로 놔두면 모양새가 나쁘기 때문에 해결해야한다.순수 html에서도 쓰이는 onerror 이벤트이다. 다만 this.src 주소값을 함수로 빼기에는 너무나

2021년 7월 4일
·
0개의 댓글
·
post-thumbnail

Vue.js 에서 환경변수 설정하기

API key 같은 코드를 온라인에서 노출하고 싶지 않을 때 보통 환경변수를 사용하게 된다.Vue. js 에서 환경변수를 이용하는 것은 알고 나면 아주 쉬운 거라는걸 알 수 있다.우선 환경 변수를 읽어주는 dotenv라이브러리를 설치해준다.최상위 root에서 .env.

2021년 7월 3일
·
0개의 댓글
·
post-thumbnail

섹션 11. 리팩토링 2 - 사용자 프로필 컴포넌트 공통화

<span style="color:> 이 스리즈에서는 인프런 강좌"Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념" 을 수강하고 복습을 위한 기록을 하고 있습니다. 자세한 강의내용이 궁금하신 분은 https://www.inflearn.c

2021년 6월 25일
·
0개의 댓글
·
post-thumbnail

섹션 10. 리팩토링 1 - 리스트 아이템 컴포넌트 공통화

<span style="color:> 이 스리즈에서는 인프런 강좌"Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념" 을 수강하고 복습을 위한 기록을 하고 있습니다. 자세한 강의내용이 궁금하신 분은 https://www.inflearn.c

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

Vue.js 완벽 가이드 - 9. 라우터 실전

동적 라우트 매칭 원리 및 적용 제목에서 사용자의 정보로 이동하는 작업 ![](https://s3.us-west-2.amazonaws.com/secure.notion-static.com/11a329dc-ad4b-4a13-9466-c

2021년 6월 18일
·
0개의 댓글
·
post-thumbnail

Vue.js 완벽 가이드 - 8. 중간정리 및 스타일링

src / view / NewsView.vue저번 글에도 있었지만 다시 강조하자면 강의 시점때와는 달리 v-bind:key="item.id"를 추가해야 에러가 생기지를 않는다.import { mapGetters } from "vuex"도 마찬가지로 mapGetters외

2021년 6월 18일
·
0개의 댓글
·
post-thumbnail

Vue.js 완벽 가이드 - 7. 스토어 구현

Vue.js 완벽 가이드 - 7. 스토어 구현 Vuex 적용개요 ![Vue%20js%20%E1%84%8B%E1%85%AA%E1%86%AB%E1%84%87%E1%85%A7%E1%86%A8%20%E1%84%80%E1%85%A1%E1%84%8B%E1%85%B5%E1%84

2021년 6월 18일
·
0개의 댓글
·
post-thumbnail

Vue.js 완벽 가이드 - 6. API 구현

이 스리즈에서는 인프런 강좌"Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념" 을 수강하고 복습을 위한 기록을 하고 있습니다. 자세한 강의내용이 궁금하신 분은 https://www.inflearn.com/course/vue-js/dashboa

2021년 6월 18일
·
0개의 댓글
·
post-thumbnail

Vue.js 인프런 강의 - 섹션 5. '라우터 기본' 까지 진행

node.js 를 윈도우 또는 맥 또는 우분투 설치 VScode 플러그인 설치Vetur, TSLint, ESLint, Auto Close Tag, Material Icon Theme, Night Owl(개인적으로는 비추천), Live Server참고할 Vue 스타일 가

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

github 커밋할 때 인증 절차 생략하는 법

github에 커밋을 자주 할 때 깃헙의 유저네임과 비번을 일일히 치는게 굉장히 버거운일이다.이때 credential.helper를 등록해 이 절차를 생략해보는것도 좋은 방법이다.credential.helper의 store 옵션을 주게되면 해당 git directory

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

구조 분해 할당(destructuring)

"모던 자바스크립트 Deep Dive" 라는 책을 보고 JS 이론중에서 개인적으로 부족한 개념을 복습하며 기록한 글입니다.구조 분해 할당(destructuring)은 구조화된 배열과 같은 이터러블 또는 객체를 분해하여 1개 이상의 변수에 개별적으로 할당하는 것이다. 마

2021년 6월 1일
·
0개의 댓글
·
post-thumbnail

백준 10250번 Node.js 문제풀이

<span style="color:> ACM 호텔https://www.acmicpc.net/problem/10250이번에는 문제를 차분히 읽게되는 유형인 것 같은데 결국은 로직은 복잡한게 없었다. 손님들은 방의 층수가 높더라도 엘리베이터와 가까운방을 더

2021년 5월 31일
·
0개의 댓글
·
post-thumbnail

백준 2869번 Node.js 문제풀이

<span style="color:> 달팽이는 올라가고 싶다https://www.acmicpc.net/problem/2869이전의 손익분기점 문제와 유사하다. 최소 구현시간이 0.2초도 안되는 엄격한 시간, 예제에서 힌트를 찾을 수 있는 구성이라든지...

2021년 5월 30일
·
0개의 댓글
·
post-thumbnail

백준 1193번 Node.js 문제풀이

<span style="color:> 분수찾기 https://www.acmicpc.net/problem/1193생각보다 로직이 복잡하게 구현되었다. 문제를 분석하면 예로들어 숫자 A가 1까지 낮아졌을경우 B는 한번만 1를 더하고 수를 1까지 줄이고, A

2021년 5월 29일
·
0개의 댓글
·
post-thumbnail

백준 2292 번 Node.js 문제풀이

<span style="color:> 벌집 https://www.acmicpc.net/problem/2292완전 스스로 풀자고 매달렸으나 역시 문제의 핵심을 잡아내는 무언가가 여전히 부족한지 도저히 자력으로 풀수가 없었다. 간단한 힌트, 1번방을 시작으로

2021년 5월 28일
·
0개의 댓글
·