profile
프론트!
post-thumbnail

console의 다양한 활용

웹 개발 공부를 시작한지 6개월 정도가 지났다. 최근에 첫 프로젝트가 마무리가 되었다. 단순히 공부를 하는 것이 아닌 실제 서비스에 가깝게 만들어본 것은 처음이었다. 쉬어가는 겸 다음 도약을 위해 준비할 겸, 개발과정에서 도움이 될 만한 개발자 도구의 활용법에 대해 공

약 20시간 전
·
0개의 댓글
post-thumbnail

지난 날들 중 가장 최근 날짜 찾기(with find)

프로젝트를 하는 도중,와 같은 상황에서 STD_Date로 주어진 날짜를 기준으로 allDays의 date 중 같은 날짜거나 지난 날짜들 중에서 가장 최근의 날을 가져오기 위한 알고리즘을 짜느라 고민을 하게되었다.처음에는 for문이나 map을 사용해서 전체 배열을 돌아서

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

[프로그래머스]해시--완주하지 못한 선수(with js)

첫 번째 시도 의도 filter로 participant의 원소 중, completion에는 없는 원소를 찾아내려 하였다. 하지만 내가 생각하지 못한 게 두 가지가 있다. arr.filter()를 하면 배열을 return 한다. participant에 이름이 같은 원

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

chart.js 사용하기(with React)

sdsdf

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

canvas - 2

canvas의 시작은 항상 캔버스 불러오기입니다.위의 명령어 원 or 호 그리기를 위한 메소드입니다.기억 할 것은 두 가지입니다.각도의 단위는 rad이다.방향에서 false는 시계 방향, true는 반시계 방향을 의미. 아무것도 없다면 false.채색의 유무는 좌표를

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

[프로그래머스]정렬 -- K번째수(with JS)

commands를 기준으로 map을 한다. commands의 각 배열에 할당된 값으로 slice를 하면 주어진 array를 자를 수 있다.그 후, sort()를 하여 정렬한다. 마지막으로 k번째 수를 찾는다.sort() 함수는 정렬 기준을 정할 수 있는데 이를 지정하지

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

[프로그래머스]Greedy -- 체육복(with JS)

첫 번째 시도 결과 문제점 체육복이 2개였다가 빌려줘서 한 개가 된 학생을 걸러내지 못함. 개선 safe 배열에서 체육복을 빌릴수 있는지 판단하였지만, reserve에서 판단을 하고, 성공한 경우 빌려준 학생은 reserve에서 삭제, 빌린 학생은 safe에 추

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

canvas - 1

Canvas API는 JavaScript와 HTML canvas 엘리먼트를 통해 그래픽을 그리기위한 수단을 제공합니다. 무엇보다도 애니메이션, 게임 그래픽, 데이터 시각화, 사진 조작 및 실시간 비디오 처리를 위해 사용됩니다.Canvas API는 주로 2D 그래픽에 중

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

position: sticky;로 스크롤 이펙트 만들기

이번에 작업한 것은 position: sticky;를 활용하여 스크롤 애니메이션을 만드는 것입니다. 추상적으로 떠돌던 아이디어를 유튜브 ✨1분코딩✨님의 영상을 보고 제가 찾던 것이라는 생각이 들어 참고하여 공부해봤습니다🎉. 1: Html 2: 베이스 css 작업

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

클래스, class in JavaScript

클래스는 ES6에서 새롭게 추가된 문법입니다.JS에서는 프로토타입을 기반으로 해서 객체지향 프로그래밍을 지원해왔습니다.클래스, class가 생겨나면서 기존의 프로토타입 기반 프로그래밍을 좀더 명료하게 사용할 수 있게 됩니다.new A를 통해 만든 const a를 인스턴

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

function() in JavaScript

function() JS에서의 함수 기본 형태는 다음과 같습니다. 함수이름을 exmaple과 같이 정할 수 있고, () 안에는 전달받을 매개변수(parameter, param)를 지정할 수 있습니다. 매개변수 매개변수를 지정했으면 함수를 호출 할 때 인자(argu

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

map() in JavaScript

map() 함수에 대해 알아보자.console에 \['mon', 'tue', 'wed', 'thur', 'fri']가 출력.console.log(smilingDays)를 하면? undefined가 출력된다. 값을 return해주지 않았기 때문.만약, const smi

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

객체, 개체, Object in JavaScript

객체 생성자는 함수를 통해서 새로운 객체를 만들고 그 안에 넣고 싶은 값 또는 함수를 구현 할 수 있게 해줍니다.아래의 예를 봅시다.위의 function Person은 객체 생성자에 해당합니다.그 안의 this는 해당 객체 혹은 객체생성자를 의미합니다.객체 생성자를 정

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

JAVSCRIPT의 변수 var, let, const

를 추가하여 반응형 헤더를 마무리 해 보겠습니다. var, let, const 저는 이제 프론트엔드 공부를 제대로 시작 한지가 얼마 되지 않았습니다. 그래서 유튜브 영상을 자주 따라해보는데, 그럴 때마다 사람들이 사용하는 변수의 타입이 달라 혼동 되더군요. 결국 답

2021년 1월 27일
·
0개의 댓글