profile
프론트엔드 개발자 김영준 입니다. 디테일함을 키우고 있습니다
post-thumbnail

OSI 7 layer

![](https://images.velog.io/images/kyjun/post/00a9551e-0e6b-47db-a5a3-bfa27978230e/%EC%8A%AC%EB%9D%BC%EC%9D%B4%EB%93%9C4.P

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

[Javascript] ProtoType

자바스크립트에서 array, object 의 내장함수를 사용할 때, MDN 에서 검색해 보면Array.protoType.filter 라고 되어 있는걸 볼 수 있다. 이때 나오는 protoType 이 뭔지 알아보겠다.위 두 변수에 값을 대입할 때 방식이 다르지만, 같은

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

[AWS] CLI configure 여러 계정 스위치 하며 사용하기

aws 를 개인용, 회사 계정으로 나누어 사용하고 싶은 찰나에 찾아봄.default 계정 만들기서브 계정 만들기!참고한 블로그

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

javascript setInterval 고찰

회사에서 타이머 관련 부분에서 에러가 생겼다. 간략하게 버그를 적어보면, setInterval 안에서 실행되는 callback 함수가 clearInterval 되어도 실행되기 때문에 생긴 버그다. 어찌보면 당연한 일이다. clearInterval 되었다고 이미 콜

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

클라우드 프론트 설정 및 배포하기

s3 버킷이 이미 생성 되어 있어야 합니다. AWS-CLI 를 사용하기 위해 설치를 한다.여기 에서 운영체제에 맞게 설치 할 수 있도록 한다.AWS 계정 설정을 해줘야 한다.Access Key ID 는 IAM 계정(https://console.aws.amazo

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

Array 관련 자주 사용하는 함수 정리

map, reduce, forEach, filtermap 은 배열의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 취합하여 새로운 배열을 반환.예상되는 결과는 아래와 같다.여기서 중요한 것은 reduce 함수를 실행할 때는, 기본값 즉, initialValue

2021년 2월 17일
·
0개의 댓글
post-thumbnail

hooks 에서 ref 사용하기

hooks 에서는 ref를 사용할 수 없는데, 가능하게 해준 것이 바로 useRef 이다.그리고, 자식 컴포넌트에서 ref를 사용하기 위해선 useImperativeHandle을 사용해야 한다. 사용 예시를 보자.하고자 하는 것 : 버튼을 누르면 input 에 focu

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

redux-saga 흐름

redux saga 는 redux 에서 API의 데이터를 받아와서 store 에 등록할 때 주로 쓰인다. 물론 saga를 안쓰고 API 의 데이터를 가져와서 저장할 수 있긴 하지만, 둘다 경험해본 결과 saga 를 쓰는 것이 코드가 더 깔끔하게 정리되고, 속도가 더 빠

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

프론트 개발자 이직.

이전직장에 19년 12월 입사를 하고나서 20년 11월 지금의 회사로 이직을 하게 됐다. 이직의 동기?왜 이직을 하게 됐냐 물으면 첫번째로는 연봉이다. 두번째로는 같이 일하는 개발자의 유무 세번째로는 안정성?연봉 : 빠른 취업을 하게 된만큼 남들보다 연봉이 높다고는 할

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

filter 함수

filter 함수를 이용해서 쉽게 sorting 하는 법을 알아보자.이곳에서 filter 함수에 대해서 알아 볼 수 있다.let sorting 부분을 살펴보면, 정의한 Arr 에 필터를 걸게 된다. 각각의 배열을 item 이라 부르고, 그 item에 대해서 어떤 조건을

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

내가 만드는 리덕스 함수

리덕스예전에 만들었던 리덕스 함수에서 조금 변형시켜서 작업을 해보았습니다. 간단한것 같지만 어렵고, 막상 뜯어보면 그리 이해하기 어려운것만은 아닙니다. 글로 작성하기엔 설명이 어려울 것 같아 ppt로 작성하였고, 이를 이미지화 하여 업로드 했습니다.혹시나 네모 박스가

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

숫자에 하이픈 (-) 넣기

조건 현재 회사에서는 사업자등록번호와 전화번호 타입 두개의 타입에 대해서 하이픈을 넣어야 했다.어떤 기능을 사용하여 진행할 것인가 ?!우린 substr 함수를 사용할 것이다.코드를 보면 간단한 쓰임을 알 수 있다.substr 의 첫번째 인자는 시작하는 index 이고

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

과제 리뷰3

src/components/HourSelector/HourSelector.jsinput 을 readonly 처리한다.click 하게 되면 show를 true 로 바뀌어 select-wrapper를 보여준다.들어가는 내용을 보면 "../../Common/Common" 에

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

과제 리뷰2

src/View/Main/MainView.js이제 MainView 를 살펴보겠다.visible 은 모달이 보여질지 말지 관리하는 변수이다.calender는 calender 창이 보여질지 말지 관리하는 변수.\_showDate 는 날짜가 모두 선택되어지고 보여질 글씨를

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

과제 리뷰1

과제를 수행하면서 작성한 코드에 대한 내 설명을 작성해 본다.내가 쓴 코드를 리뷰 하는것이기 때문에, 남이 봤을때는 순서와 정리가 매끄럽지 못할 수 있다ㅠㅠ리뷰 순서src/index.jssrc/App.jssrc/View/Main/MainContainer.jssrc/ho

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

aws 에 서버 띄우기

windows 에서 aws 서버 띄우는 법EC2 생성 여기에 windows 에서 EC2 접속하는 방법이 잘 설명되어 있다.1) 간략정리하자면 Session 의 Host Name 에 ubuntu@ec2-\*\*-\*\*-\*\*\*-\*\*.ap-northeast-2.c

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

hOC + redux

hOC + redux 활용하기

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

JS - 1

이곳의 코스과정을 정리하여 공부하는 중입니다.키보드의 ASDFGHJKL 을 누르면 소리가 나는 드럼을 만드는 예제 입니다.예제는 이곳에서 clone 받을 수 있습니다.이게 기본적으로 제공되는 START.html 이다.이제 <script> 태그 안에 함수들을 만들어

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

Hadoop 환경설정 및 설치 (2/2)

Hadoop 환경설정 및 설치 (2/2) 슬라이드44.PNG 슬라이드45.PNG 슬라이드46.PNG 슬라이드47.PNG ![슬라이드48.PNG](https://images.velog.io/post-images

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

Hadoop 환경설정 및 설치 (1/2)

Hadoop 환결설정 및 설치 슬라이드1.PNG 슬라이드2.PNG 슬라이드3.PNG 슬라이드4.PNG ![슬라이드5.PNG](https://images.velog.io/post-images/kyjun/df589ed

2020년 2월 9일
·
0개의 댓글