profile
프론트엔드 개발자. 기록하기, 요가, 등산
태그 목록
전체보기 (110)주간점검(23)JavaScript(14)TIL(8)react.js(6)토이프로젝트(6)FE면접대비(4)Azure(4)React(4)클라우드(4)데이터 시각화(3)d3.js(3)월간점검(3)AZ-900(2)TOAST UI(2)ES6(2)알고리즘(2)토이 프로젝트(2)django(2)graphql(2)React Hooks(2)figma(2)svg(2)사이드프로젝트(2)Firebase(2)번역(2)ㅃㄷ(1)redux thunk(1)redux saga(1)restful api(1)초미니 프로젝트(1)호이스팅(1)three.js(1)IT Blog(1)memoization(1)yarn(1)2022 첫 주간점검 ㅠ.ㅠ(1)블로그 추천(1)router(1)PaaS(1)퍼블리싱(1)2주점검(1)es2015(1)연간점검(1)git stash(1)오랜만의 점검(1)오픈소스(1)svg애니메이션(1)포트폴리오(1)tailwind(1)Service Worker(1)javascript tutorial(1)프론트엔드 포트폴리오(1)실무에서 Git 활용하기(1)this week i learned(1)ie(1)mongodb(1)API 모킹(1)구글블로거(1)계속 업데이트중..(1)스타일 가이드(1)데이터베이스(1)this(1)타입정의 자동화(1)design(1)크로스 브라우징(1)CSS(1)뇌과학(1)조금 이른(1)MSW(1)Browser API(1)협업(1)tailwindCSS(1)영한번역(1)데이터모델링(1)ecmascript2015(1)기술블로그(1)nosql(1)Swagger(1)부들부들(1)디자인 패턴(1)스타일가이드(1)웹서비스 기획(1)이번엔 좀 늦었다 ㅎㅎ(1)AdMob(1)devops(1)WebGL(1)redux(1)swagger-typescript-api(1)3D(1)별 거 없음(1)CSS Framework(1)코딩컨벤션(1)서평(1)git(1)Apollo client(1)animation(1)nextjs(1)front end(1)firestore(1)figma svg(1)blogger(1)오픈소스에 기여하기(1)Toss 개발자 컨퍼런스(1)npm(1)Portal(1)
post-thumbnail

[코어 자바스크립트 요약] 1장. 데이터 타입

기본형(Primitive Type): number, boolean, null, undefined, Symbol(ES6부터 추가) 등이 있음참조형(Reference Type): object과 그 하위 분류로 array, function, date, regExp, Map(

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

Javascript 코어개념 - call/apply/bind

Function.prototype.bind / call / apply의 차이점은 무엇인가요?⇒ this의 일반 바인딩 규칙외에, 명시적으로 this를 바인딩하는 방법들입니다.: 메서드의 호출 주체인 함수를 즉시 실행하도록 하는 명령. 임의의 객체를 this로 지정할 수

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

Javascript 코어개념 - this

this는 JavaScript에서 어떻게 작동하는지 설명해주세요.함수 호출 → 실행 컨텍스트 생성 → this 가 결정⇒ 즉, 함수 호출될 때 this가 결정된다고 볼 수 있습니다.전역공간 - this = window, global함수 vs. 메서드(함수와 메서드 모두

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

Javascript 코어 개념 - 호이스팅

: JS 엔진이 변수 정보를 수집하는 과정을 이해하기 쉬운 방법으로 대체한 가상의 개념. environmentRecord는 실행 컨텍스트에서 실행하는 정보 중, VariableEnvironment & LexicalEnvironment 를 구성하는 정보 중 하나. 현재

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

Panic Attack Helper 🚨 미니 플젝 완료

Javascript로 간단한 명상앱 만드는 튜토리얼 보다가 급 뽐뿌 받아서 만든 초미니 애플리케이션\~~! 심심할 때마다 조금씩 하다보니 시작한지 2주만에 드디어 방점을 찍게됐다!디테일에 조금씩 아쉬운 부분이 여전히 남아있지만, 재미로 뚝딱 빠르게 만들어보려고 시작한

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

Panic Attack Helper 🚨 🆘 -중간점검

(초초초미니) 토이프로젝트 경과보고: 공황상태가 왔을 때, 또는 심신안정이 필요할 때 Relax 💆‍ 할 수 있도록 도와주는 웹앱🚨 버튼을 누르면 바로 호흡 가이드 시작. (버튼 디자인중)호흡 가이드 : 속도 조절 가능(slower/faster), 숨쉬기 시각화 (

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

Panic Attack Helper 🚨 🆘

초초초미니 웹앱 😃 명상앱 튜토리얼 보다가 왠지 이런 앱 필요한 사람이 있지 않을까 하여..: 공황상태가 왔을 때, 또는 심신안정이 필요할 때 Relax 💆‍ 할 수 있도록 도와주는 웹앱🚨 버튼을 누르면 바로 호흡 가이드 시작.호흡 가이드 : 속도 조절 가능(sl

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

[오픈 소스 기여하기] javascript tutorial 번역 참여하기

항상 오픈소스에 기여해보고 싶은 마음이 있었지만, 아직 코드로 기여할 수준이 되지 않는다고 생각해 첫 발을 떼지 못 하고 있었다. 😂그러다가 엘리 드림코딩 영상에서 모던 Javascript 튜토리얼 사이트의 영한번역에 참여해보라는 댓글을 보고! 용기를 얻어 오늘 첫

2020년 6월 27일
·
1개의 댓글
·
post-thumbnail

드림코딩 by 엘리 - 유용한 10가지 배열 함수들 - 퀴즈 정답

정답은 아니고 혼자 풀어본 코드이니 아 이렇게도 푸는구나~하고 참조해주세요! 정확한 답은 깨끗한 엘리님의 코드로 확인🌞

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

Javascript 함수 유형 ES5+

오늘 함수 파트 정리부분 ✏️이름없이 함수를 선언하고 변수에 저장한 후 변수를 호출해 사용하는 함수함수 정의하고 바로 실행

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

[알고리즘]Level 1. K번째 수

문제 설명배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다.예를 들어 array가 1, 5, 2, 6, 3, 7, 4, i = 2, j = 5, k = 3이라면 array의 2번째부터 5번째까지 자르면 5, 2,

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

[알고리즘]level 1.두 정수 사이의 합

새벽에 잠이 깼는데 도무지 잠이 오지 않을 것 같아서 알고리즘 문제를 풀어본다.전에 풀어봤던 문제인데, 그 때는 가우스의 합으로 풀었었다. 이번에는 for 문으로 해결해봐야지.문제 설명 두 정수 a, b가 주어졌을 때 a와 b 사이에 속한 모든 정수의 합을 리턴하는 함

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

고대하던 three.js 와의 첫 만남

HTML을 처음 배우기 시작했던 작년 여름, 해외 웹사이트들을 눈팅하다가 한눈에 반해버렸던 2D/3D WebGL 라이브러리 - three.js 🤩시각적인 결과물을 내는 작업을 좋아하는 나에게는 아주아주 매력적인 도전 과제였다.현란한 애니메이션과 3D 요소들이 너무 복

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

TOAST UI FE 스타일 가이드(ES5 to ES6+) 일부 정리

출처 : NHN 엔터var : 함수 스코프, Hoisting 발생const, let : 블록 스코프 \- const : 선언 이후 수정 불가. BUT 프로퍼티는 수정 가능표현식이 짧아지며, this 바인딩 이슈도 해결해준다.화살표 함수는 해당 컨텍스트의 this 객체

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