profile
성장하는 프론트엔드 개발자
post-thumbnail

코딩테스트 연습 후기

"코딩테스트" 정말 듣기만해도 개발자들한테는 혐오스러운 존재이다. 나또한 그랬다.사실 퇴사하고 4개월간의 취업준비하면서 오전마다 코딩테스트를 풀면 좌절감만 느꼈다 나도 안다. 실무에서는 코딩테스트와 거리가 먼 것을 .... 이것을 맨날 하면서 "이게 되는것인가? 이렇게

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

Vue + Jest

🛸Vue + Jest > 사이드 프로젝트를 실시하다가 테스트코드에 관심을 갖게 되었다. > Vue에서는 Jest 프레임워크를 추천하였다. 그래서 나의 사이드 프로젝트에서 > 어떻게 테스트코드를 작성했는지 적고자 한다. > ### 참고로 Jest 세팅에 대해서는 적지

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

지방SI 퇴사 그 후..

✝2월 퇴사 2021/02/28 이후로 공식적으로 지방 SI를 다니다 퇴사하게 되었다. 그동안 그 안에서 배운점도 있었고, 아쉬운 부분도 있었다. 일단 퇴사를 하는 이유는 더이상 이 회사가 발전하기 힘들겠다는 생각도 들었고 처음에 취직할때는 몰랐지만 개발을 하면 할 수

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

WebPack 실습

이번 목표는 WebPack을 이용하여 React를 세팅하는 것이 되겠다. CRA보다는 좀 어렵지만 장기적으로 보면 이 방법이 공부에 도움이 될 것이라고 생각한다.npm init으로 초기화를 시켜준다.두가지 설치가 필요하다. webpck, webpack-cli설치하면 p

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

React를 IE에서 적용하기

"크로스 브라우징" 이라는 말을 종종 들어봤을 겁니다.같은 소스로 어떤 브라우저에서도 똑같은 결과가 나와야 되는 것을 말하는데요.저 또한 React를 작업하면서 크롬에는 잘 나오는데 IE에서는 잘 나오지 않은 것을 발견하였습니다.위 그림처럼 같은 소스인데 다른 결과를

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

Dark Mode ⚫

일단 다크모드를 구현할려는 이유는 프로그래머스 과제에서 본적이 있었는데 실제로 구현하지 못하였습니다. 그것에 대한 자괴감이 들어서 이번에 시간이 되서 React에서 구현 해보기로 했습니다.변수를 선언하여 해당 요소 color를 변수 값을 넣어주는 방식으로 진행했습니다.

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

Javascript Class

각각의 생성자,프로토타입메소드,정적메소드를 표현하면 아래 그림과 같다.위의 코드를 기반으로 설명하면 Person이라는 Class또는 생성자 함수를 통해 person1이라는 인스턴스를 만들었다. 여기서 인스턴스가 생성될 때name,country를 값을 초기화 해줘야 하는

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

REST API

REST란 📄? "자원"을 이름으로 구분하고 "자원"의 상태를 주고 받는 것이다. "소프트웨어"에서는 자원이 "그림,데이터,동영상"이 될 수 있고 상태를 주고 받는다는 것은 "자원(그림,데이터,동영상)"을 조회,수정,삭제,생성을 할 수 있다는 뜻이다. REST AP

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

worker

Javascript는 싱글 스레드 언어입니다. 즉 1가지 일이 들어오면 1가지만 처리가 가능합니다.개발을 하다보면 Script가 오래걸려서 UI가 멈추는 경우가 있습니다.그 상황을 표현하면 아래와 같습니다.그러면 사용자 입장에서는 UI를 건들지 못하게 된다면 불편을 겪

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

프로토타입(2)

모든 객체는 내부적으로 프로토타입을 가지고 있습니다. \[ProtoType]이라는 내부 슬롯이 있는데 직접적인 접근이 불가능합니다.그래서 Javascript에서는 \_\_proto\_\_ 라는 접근자 프로퍼티를 제공합니다.모든 객체는 프로토타입을 가진다고 말했습니다.

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

프로토타입(1)

프로토타입은 객체의 원본이라고 할 수 있다. 자바스크립트는 원시값을 제외하고는 모든것이 객체인데 새로운 객체가 생성될때 기존의 객체에서 복사되어 새롭게 생성된다.우리는 객체의 원본을 통해서 상속 구현이 가능하다.위의 코드를 표현하면 아래 그림과 같다.하지만 여기서 눈에

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

브라우저 렌더링 과정

각 태그들을 화면에서 어디에 위치시킬지 결정해준다.position,size를 결정해준다고 생각하면 될것같다.페인트를 통해서 화면의 색감을 부여해준다고 생각하면 될것같다.Javascript를 만난다면 렌더링과정을 멈추고 Javascript엔진으로 일을 넘기고 Javasc

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

Event Loop

Event Loop

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

Express.js에서 JWT 이용

JWT를 쓰는이유? > 사용자 인증 방식에는 여러가지가 있다. 세션/쿠키 인증 방식이 있는데 이것은 매번 세션저장소에서 인증을 해야하고 고유의 세션ID가 서버에 저장이 된다. 세션저장소가 따로 필요하기 때문에 이러한 방법 보다는 JWT는 따로 세션저장소가 필요없고 To

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

CS면접 Part1

(주의)본 글은 혼자 보기위해서 만든 글 입니다. 1.좋은 코드란 무엇인가? > 1.읽기 좋은코드 2.중복없는 코드 3.테스트 하기 용이한 코드 2.OOP란? > 객체지향 프로그래밍이 나오기 전에는 중심에는 컴퓨터가 있었다. 즉 컴퓨터 사고방식 대로

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

babel / babel-polyfill / whatwg-fetch 적용

babel를 쓰는 이유는? 일반적으로 요즘 브라우저들은 ES6문법을 제공한다. 하지만 제공하지 않는 브라우저들도 간간히 존재하는데... IE가 대표적으로 그랬다. 하지만 실제 회사에서 작업을 하다보면 IE에 대해서 신경을 안 쓸 수가 없다. 그렇기 때문에 현재 Vani

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

async/await적용기

우선 현재 개인적으로 Vanilla JS 프로젝트를 실시하고 있었다. 하지만 날씨데이터를 가져오는 과정에서 원하는 결과가 순서대로 가져오지 않는 문제점을 발견하였다. 위에서 처럼 작성하면 처음에는 요청한 순서대로 나오는 결과를 예상하였다. 하지만 결과는 생각과는

2021년 4월 24일
·
0개의 댓글
·