profile
즐겁게 배우고 꾸준히 블로깅하는 주니어 개발자입니다 ;>
post-thumbnail

첫 취업을 하기까지..!❤️

올해 초부터 코딩을 시작해서 9개월간 정신없이 공부를 했고 코드스테이츠를 시작하고나서는 더 개발자의 세계에 빠져들었고 까먹고 있었던 나의 열정적인 모습을 다시 찾을 수 있었다. 공부를 하면서 울기도 하고 학교에서 선생님이 알려주면 받아먹는 방식이 아닌 구글링을 하면서

3일 전
·
2개의 댓글
post-thumbnail

TypeScript

tsconfig.json에서 TypeScript를 어떻게 javascrtipt로 변환하는지 정해준다 index.ts파일을 작성하고 터미널에 tsc를 작성하면 index.js와 index.js.map이 생성된다 nodejs는 typescript를 이해하지 못하기 때문

2020년 10월 16일
·
0개의 댓글
post-thumbnail

버블링(Bubbling) & 캡처링(Capturing)

직접 태그에 적용하는 방법입니다. DOM 요소를 가져와서 on을 이용해서 이벤트를 적용하는 방법입니다.target.addEventListener(type, listener, options);javascript에는 이벤트를 추가하는 방법 중 가장 추천하는 방법은 addE

2020년 10월 12일
·
2개의 댓글
post-thumbnail

React Lifecycle, React Hook lifeCycle

React Lifecycle React Hook lifeCycle

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

코드스테이츠 수료🥳

시작할때에는 20주동안 고3의 생활을 할 수 있을까 걱정이 많았다. 시작하는 날이 올수록 걱정으로 잠이 안오고 잘 버틸 수 있을까에 대한 답이 없는 고민으로 몇일을 보냈는데 수료날이 오다니...! 감동😭 코딩을 시작하고 나의 인생에 터닝포인트를 지나고 있다는 생각이

2020년 9월 29일
·
5개의 댓글
post-thumbnail

FinalProject를 마무리하며

Meekcy

2020년 9월 23일
·
4개의 댓글

GoogleLogin 후 로그인 유지하기

새로고침을 해도 로그인을 유지하기 위해서 react-redux를 이용했다.isLogin이라는 상태값을 만들어서 기본값을 false로 하고 loacalStorage에 token값이 있는지 확인하고 token이 있는 경우에는 action을 전달해서 isLogin의 값을 t

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

GoogleLogin

GoogleLogin API 구글 로그인을 위해서 OAuth API를 사용해서 로그인을 구현할 수 있다. 처음에는 생활코딩 영상을 보고 익숙해진다음 블로깅을 시작했다. 전체적인 흐름과 틀을 잡은 후 Google API Console에 가서 계정을 만들고 아래와 같이

2020년 9월 1일
·
0개의 댓글
post-thumbnail

JWT(JSON Web Token)

JWT(토큰 기반 인증 방식)이란? JWT은 일반적으로 클라이언트와 서버, 서비스와 서비스 사이 통신시 권한 인가를 위해 인증에 필요한 정보들을 암호화시킨 토큰을 뜻한다. URL에 대해 안전한 문자열로 구성되어 있기 때문에 HTTP어디든 위치할 수 있다. 그래서 세션

2020년 9월 1일
·
0개의 댓글
post-thumbnail

javascript_Redux

Redux 기본 세가지 원칙 상태가 관리되는 오직 하나의 공간(Store) Action(javascript Object) Reducer라는 함수를 만들어서 이것에 의해 state에 변화가 생긴다. 장점 상태를 예측 가능하게 만들어준다 유지보수 디버깅에 유리하다(ac

2020년 8월 30일
·
0개의 댓글
post-thumbnail

스트리밍 페이지 기능 구현을 위한 공부노트

이미지 출처(https://developer.apple.com/library/archive/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/Introduction/Introduction.html

2020년 8월 26일
·
0개의 댓글
post-thumbnail

Final Project_기업협업(왓츠굿)

8월 24일 동기들과 Final Project 아이디어 공유시간을 가지고 기업협업 프로젝트 아이디어 피칭시간을 가졌다. 마지막 프로젝트에서 기업협업을 꼭 하고 싶다고 생각을 하고 있어서 기업협업 프로젝트 아이디어를 집중해서 듣고 왓프굿이라는 기업에 지원을 했다. 기업협

2020년 8월 25일
·
0개의 댓글
post-thumbnail

2020 Dev-Matching: 웹 프론트엔드 개발자(하반기) 후기

프로젝트가 끝이나고 원티드나 프로그래머스를 눈팅하던 중 테스트가 있다는 것을 알고 마감 전날에 신청을 했다. 면접전에 경험을 한번 해보는 것도 좋을 거 같다고 생각해서 금요일에 신청을 하고 오늘 오후 1시 15분부터 4시 15분까지 웹 프론트엔드 과제 테스트를 시작했다

2020년 8월 22일
·
6개의 댓글
post-thumbnail

2주 프로젝트를 마무리하며...

프로젝트 링크 : http://todocalender.s3-website.ap-northeast-2.amazonaws.com/처음 SR때 상세하게 준비를 했어야했는데 처음이라서 부족하게 많은 상태로 시작을 하게 되었다. 폴더구조는 container presen

2020년 8월 21일
·
6개의 댓글
post-thumbnail

Team Project Software Requirement(SR)

회의 및 SR 오늘은 오전에 만나서 오늘 SR에 대한 회의를 시작했다. 처음으로 프로젝트를 준비하니 뭐부터 준비를 해야할지 어떤것을 준비하고 대화를 나눠야하는지부터 막막했다. 사실 팀장을 맡았는데 어떤 방향으로 이끌어야할지 조차 막막했다. 미리 진행과정을 생각하고 해

2020년 8월 11일
·
0개의 댓글
post-thumbnail

Team Project Intro

0 팀장선정 팀장은 소통과 기간에 따른 프로젝트사이즈 조절을 위한 판단력이 중요하다 본인 개인 시간이 줄어든다는 단점이 있다 1 서비스 기획 사용자입장에서 기능을 고려해야한다 2 포지션 분배 모든 맴버가 풀스택을 하는 것은 위험하다 3 기능 리스트업 상세

2020년 8월 10일
·
0개의 댓글
post-thumbnail

Amazon Web Services(AWS)

아마존닷컴의 클라우드 컴퓨팅 사업부다. 다른 웹 사이트나 클라이언트측 응용 프로그램에 대해 온라인 서비스를 제공하고 있다. 이러한 서비스의 상당수는 최종 사용자에 직접 공개되는 것이 아니고 다른 개발자가 사용 가능한 기능을 제공하는 플랫폼을 제공한다.IT 리소스를 인터

2020년 8월 3일
·
0개의 댓글
post-thumbnail

OAuth 2

OAuth 2은 별도의 회원가입과정없이 로그인을 제공하는 플랫폼의 아이디만 있으면 서비스를 이용가능하도록 만들어준다. 외부 서비스에서도 인증을 가능하게 하고 그 서비스의 API를 이용하게도 해준다. 예를들면 쇼핑몰에서 네이버아이디나 구글계정만 있으면 쇼핑몰에 회원가입을

2020년 8월 2일
·
0개의 댓글
post-thumbnail

Web Authentication(인증)_세션/쿠키방식

Authentication(인증)은 웹에서 중요한 절차이다. 어떤 사용자가 서비스를 사용하는지 추적이 을 하는 등 개인정보를 다루는 과정이 포함되어 있어서 타인의 정보를 보호하기 위해 필수적인 파트이다. 인증은 프론트엔드의 관점에서 봤을 때 사용자의 로그인, 회원가입과

2020년 7월 29일
·
0개의 댓글
post-thumbnail

HTTP_Redirect와 Forward의 차이

웹은 현재 페이지에서 다른 페이지로 페이지 전환을 하기 위해 2가지 기능을 제공한다. 웹 컨테이너(Web Container) 차원에서 페이지 이동만 있는 것이다. 실제로 웹 브라우저는 다른 페이지로 이동을 했는지 알 수 없다. 그렇기 때문에 웹 브라우저에는 최초에 호출

2020년 7월 28일
·
0개의 댓글