profile
ksb
post-thumbnail

프로그래머스 javascript

프로그래머스에서 제공하는 문제를 내 마음대로 풀어보았다.문제설명수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다.마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담

5일 전
·
0개의 댓글

VanillaJS

순수 자바스크립트로 면접 전 테스트 코딩 과제로 많이 사용한다.카카오 경력 개발자 챌린지에 과제 테스트로 vanillaJS만 사용하여 과제를 수행해야 한다고 나왔을 정도..이미 jquery에 익숙해졌지만 다시 부지런히 js만 해야겠다.!기존에 사용했던 jquery의 경

2020년 5월 26일
·
0개의 댓글

iframe 하위 자식 height 값 가져오기.

iframe의 자식 요소의 높이값을 가져와서 iframe에 넣어주기.iframe에서 src에 있는 내용을 보여주게 될 경우.높이 값을 제어하지 못하여 스크롤이 생기는 현상을 막기 위하여!src에 설정되어있는 높이값을 가져와서 iframe에 넣어 사용한다.로컬로 테스트

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

MobX

MobX 는 또 다른, 하나의 인기있는 리액트 상태 관리 라이브러리이며,react 프로젝트를 진행할때 saga를 사용하였지만 MobX를 써봤던 개발자분들의 얘기로는 saga보다 훨씬 편하게 작업할 수 있다고 들었다.Mobx의 주요 개념은 4개 있고, observale,

2020년 5월 13일
·
0개의 댓글

Css3

텍스트에 그림자 효과를 부여하는 프로퍼티.첫번째 값 > 그림자를 텍스트의 오른쪽으로 지정한 값만큼 이동.두번째 값 > 그림자를 텍스트의 아래로 지정한 값만큼 이동.세번째 값 > 그림자의 흐림(blur) 지정값 만큼 그림자가 커지고 흐려짐.네번째 값 > 그림자의 색상 값

2020년 5월 12일
·
0개의 댓글

SassScript

Sass는 css를 javascript처럼 변수를 사용할 수 있고, 변수의 scope가 존재하며, 연산자란 개념도 있으며, 7가지 데이터 타입을 제공한다.Sass에 대해서 공부할수록 Javascript와 사용하는 방식이 동일하다고 생각을 많이하였다.이처럼 변수를 선언하

2020년 5월 4일
·
0개의 댓글

PropTypes

프로젝트에서 TypeScript or PropTypes 중 어떤 것을 사용할 것인가에 대해서 논의가 되었었고,당시 현업에서 PropTypes를 사용하기로 결정이 되어 사용했었다.리액트 사이트에서 보면 애플리케이션의 타입 확인을 위하여 TypeScript와 같은 Java

2020년 4월 14일
·
0개의 댓글

styled-components

처음 접하였을때는 별 생각없이.. 음 리액트에서 css뭐 개발자가 편하게 쓸 수 있도록 제공해주나..이 생각으로 접하게 되었다.이런식으로 내가 선언한 변수에 styled를 할당하여 사용하는 방식이며,styled.(태그)가 뒤에 어떤 태그를 사용할건지에 대해서 선언하면

2020년 4월 13일
·
0개의 댓글

Bodymovin

react 플젝에서 BodyMobin을 사용하여 animate를 사용했었다.위 코드를 보면 움직이는 케릭터를 json파일로 전달받아서 react-bodymovin을 사용하여구현하였다. 코드는 간단하게 예시로 구현해 놓았지만 실제로 들어가는 케릭터가 16가지 이상이 들어

2020년 4월 13일
·
0개의 댓글

Git

Git은 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템이다.작년 프로젝트에서 처음 Git을 사용하게 되었고, Git을 배우게 되었다.Git을 사용하는 이유는 하나의 프로젝트에 여러명의 개발자들이 작

2020년 4월 13일
·
0개의 댓글

MVC, Flux 디자인 패턴

java 개발자 교육을 받을 때, mvc 패턴을 알게 되었고, 그때 처음 사용보았고 지금까지 많이 사용하고 많은 프로젝트에서 사용한다.controller, model, view 패턴으로 컨트롤러는 모델의 데이터를 조회하거나 업데이트하는 역할을 하며, 모델의 변화는 뷰에

2020년 4월 13일
·
0개의 댓글

삼항 조건 연산자

실무에서 간단한 조건 처리의 경우 삼항 조건 연산자로 사용하였고, 여러개의 조건을 처리해야 하는 경우는 일반적으로 사용되는 if문을 사용하여 처리했다.

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

google map Api를 사용하여 거리계산하기

구글 맵을 사용하여 내 위치를 받아오고, 특정 지점들의 좌표값을 받아와서 현재 내 위치와 특정 지점의 거리계산하며 가까운 순으로 리스트로 보여주는 개발을 했었다.위 코드에서 nearPoints에 할당된 centerList는 각 지점의 위도, 경도에 대한 리스트이며,리스

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

ViewPort, Responsive Web

ViewPort를 사용하여 모바일 웹 사이트 구축이나, Responsive Web 사이트를 구축을 한 경험과 기술에 대한 설명입니다.

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

Map, Filter, Find, Reduce

프로젝트를 진행하면서 가장 많이 사용했던 메소드였고, 주로 사용하던 방식은 데이터를 받아 처리하는 과정에서 사용했었다.간단히 설명하자면 각각의 요소에 대해 한번씩 순서대로 호출하여 반환하며, 컴포넌트를 import해서 props를 전달하여, 리스트형태의 목록을 출력하였

2020년 4월 8일
·
0개의 댓글

Javascript로 앱 띄우기

하이브리드 웹 앱 프로젝트를 진행할 당시 내 디바이스기기에 특정 앱이 있는가 없는가를 판단하여없을 경우에 다운받는 playStore로 보내던가, 있다면 app을 띄우는 작업을 했었다.(난 하이브리드 웹 앱 개발자였고, 맞은편에는 앱 개발자들이 있었다.)프로젝트에서 소스

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

Svg와 Canvas의 차이점

canvas를 처음 접했던 시기는 2015년쯤에 사용하였던 기억이 난다.canvas를 이용하여 사용자가 태블릿pc에 서명을 하면 해당 정보를 jpg로 저장을 하거나, 좌표값을 저장하는걸 구현하여 다시 불러올 수 있도록 만들었었고, canvas로 그래프도 구현했었다.Sv

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

ES6

기존에 사용하던 var를 사용하지 않고,let, const를 사용하여 프로젝트를 진행으며,let은 거의 사용하지 않았는데, 이유는 state의 관리를 useState로 하였기에 생각보다 let의 사용하는 빈도수가 적었다.let은 var와 흡사하며 전역변수로도 사용할 수

2020년 4월 6일
·
0개의 댓글

ESlint 와 Prettier

지난 프로젝트에서 여러명의 개발자들과 작업을 진행할때 사용하였던,Eslint와 Prettier를 사용하여 여러명의 개발자들과의 코드 통일성과 문법 오류 자동으로 고쳐주는 편리성에 대해 작성해보겠습니다.ESLint는 자바스크립트 문법검사를 해주는 것으로 알려져 있습니다.

2020년 4월 6일
·
0개의 댓글

yarn 설치시 이 시스템에서 스크립트를 실행할 수 없으므로.... 오류해결!

vs code terminal에서 yarn을 설치하려니 이 시스템에서 스크립트를 실행할 수 없다는 에러가 발생해버렸다.맥 쓰고싶다....ㅠㅠ알아보니 권한이 없다는 이유.해결책1\. 관리자 권한으로 power shell 실행2\. Get-ExecutionPolicy 명령

2020년 4월 6일
·
0개의 댓글