profile
'과연 이게 최선일까?' 끊임없이 생각하기
태그 목록
전체보기 (188)DFS(8)Sort(4)완전탐색(4)BFS(3)this(3)queue(3)재귀(3)splice(3)Binary Search(2)reduce(2)toggle(2)useEffect(2)useState(2)greedy(2)setTimeout(2)&&(2)발상의 전환(2)hash(2)stack(2)Que(2)combination(2)useMemo(2)dynamic array(2)API(2)Compound Components pattern(1)이중 포인터(1)google(1)mutaionObserver(1)test(1)canvas(1)withCount(1)corona(1)search(1)routing(1)kwargs(1)function(1)undefined(1)heroku(1)dic(1)mixin(1)Fiber(1)scss(1)destructuring(1)component(1)Pivot(1)min-width(1)promise(1)every(1)H Index(1)WILDCARD(1)history API(1)contains()(1)고딩때의 추억(1)GET(1)POST(1)makeStyles(1)프로그래머스(1)debugger(1)alias(1)slug(1)merge(1)align self(1)bind(1)customState(1)stackoverflow(1)createStyles(1)선언형 방식(1)smoking test(1)스켈레톤(1)개발자 vibe(1)commands(1)NOT(1)Request(1)약수의 갯수(1)boolean(1)findIndex(1)fibonacci(1)memoization(1)함수형 컴포넌트(1)cypress(1)quick(1)vmin(1)nth-of-type(1)variables(1)Helper(1)sortable(1)reconciliation(1)beforeunload(1)dijkstra(1)Trie(1)beautifulsoup(1)navigate(1)해쉬(1)debounce(1)HistoryAPI(1)BLOGGING(1)Object.assign(1)"for 와 recursive의 조화(1)high order function(1)Prototype(1)await(1)cachememory(1)nth-child(1)skeleton(1)try/except(1)Statement(1)wait()(1)async(1)rstrip(1)다시 만들기(1)return(1)class(1)for(1)cmd(1)bubble(1)JavaScript(1)singly linked list(1)render_template(1)useParams(1)pagination(1)Higher-order Function(1)Call By Reference(1)progress(1)unshift(1)span(1)div(1)nested for loop(1)auto-complete(1)wrap(1)If_Else(1)documentFragment(1)mini project(1)json(1)drag and drop(1)크루스칼(1)replace(1)visible(1)format(1)Prime(1)diffing(1)componentWillUnmount()(1)다중 정렬(1)expression(1)CS(1)End to End Test(1)filter(1)props.children(1)z-index(1)debugging(1)Hash brown 맛있겠다(1)new Intl(1)delete(1)mixitup(1)base_url(1)font awesome(1)부분집합(1)jquery(1)media query(1)RAM(1)State(1)useReducer(1)LILO(1)sqlite(1)setInterval(1)global(1)응급상황(1)DOM(1)good_job(1)PriorityQueue(1)styled(1)hook(1)useCallback(1)fixtures(1)CustomHook(1)꼭꼭 숨어라 머리카락 보일라(1)이중포문(1)double bang(1)CSR(1)SSR(1)콜트짱!(1)preventDefault(1)localstorage(1)Pop(1)inline(1)transition(1)split()(1)max(1)f-string formatting(1)CustomEvent(1)tryCatch(1)extends(1)Then(1)Fetch(1)submit(1)dict(1)addEventListener(1)doubly linked list(1)Delegation(1)LIFO(1)MAX_PAGE(1)change event(1)HoC(1)useLocation(1)dash(1)인형뽑기(1)random(1)FLOOR(1)lazy(1)validator(1)JSX(1)Flask(1)super excited(1)auto fit(1)auto fill(1)useNavigate(1)dblclick(1)life cycle(1)debug(1)Map(1)regexp(1)그래프(1)new Date(1)withStyle(1)data set(1)clean-up(1)Props(1)Content(1)min(1)dispatchEvent(1)plotly(1)csv(1)color palette(1)pandas(1)grid(1)max-width(1)나무(1)dynamic programming(1)좋은 개발자(1)emotion(1)audio(1)set(1)react router(1)생명주기(1)시각화(1)
post-thumbnail

Cypress 기본문법 2

한번에 묶어서 for loop처럼 테스팅을 진행 할 수 도 있다.can refactored into the code below비동기 request가 끝날때까지 기다렸다가 테스트를 진행한다.일종의 await 와 비슷하다고 보면 된다.우선 JSON server를 설치하자!

2022년 4월 23일
·
0개의 댓글
post-thumbnail

개발자 용어

what is "smoke testing"? \*\*Smoke testing is the preliminary check of the software after a build and before a release.According to Wikipedia, the ter

2022년 4월 23일
·
0개의 댓글
post-thumbnail

Cypress 기본 문법 1

cypress 공식문서에 튜토리얼이 정말 잘 정리되어있다.모든 내용은 공식 홈페이지에 나와있으니 참고바란다.cypress 공식문서(https://docs.cypress.io/examples/examples/tutorialscypress.json에 baseUrl

2022년 4월 23일
·
0개의 댓글
post-thumbnail

구글 검색 방법

드림코딩 유튜버 엘리님의 영상을 보고 진짜 유용하다 생각하여 정리해본다. 더 자세한 내용을 알고 싶으면 아래 영상링크로!!드림코딩 구글 영상키워드가 고스란히 포함된 결과만 보여줌. 에러 메세지를 구글링할때 유용할 것 같다.쌍따옴표를 이용해 검색한다. ""ex> dock

2022년 4월 19일
·
0개의 댓글
post-thumbnail

destructuring, double bang

Instagram Sidebar를 만들다가 발견하게된 문법(?)이다.보통 obj안에 obj를 desturcturing(이하 des)해야한다면 따로따로 des를 해야했다.요런식으로 말이다.근데 한번에 des할 수 있다.짜잔! 그리고 만약 active값이 존재하지 않으면

2022년 4월 19일
·
0개의 댓글
post-thumbnail

useEffect 안에서의 리턴??

인스타 클론하다가 또 다시 배운 기능이다. useEffect안에서 리턴을 한다??찾아보니 componentWillUnmount와 같은 효과를 낸다는 것이다.useEffect안에서 return을 하면 정리의 개념으로 실행이 된다. 그전에 useEffect안에서 실행되었던

2022년 4월 19일
·
0개의 댓글
post-thumbnail

lazy loading

인스타 클론 하다가 배웠다.lazy는 게으르다는 뜻인데 프로그래밍에서는 조금 다른 의미로 쓰인다. 그냥 최소한의 노력으로 최대의 효율을 누리다 의 개념으로 보면 좋을 것 같다.lazy라는 말은 예전에 바닐라 js의 제너레이터로 지연평가를 하는 방법에 대해서 배울때 들은

2022년 4월 19일
·
0개의 댓글
post-thumbnail

Compound Components pattern

Netflix 클론 만들다가 발견한 디자인 패턴을 소개하려고 한다. 바로 Compound Components 패턴이다.Card안에 관련 컴포넌트가 자식으로 여러가지 들어간다고 해보자.그럼 자식들을 일단 다른 폴더에 만들어야 하고 import도 다 따로 해야한다. 그러나

2022년 4월 19일
·
0개의 댓글
post-thumbnail

wsl 커맨드 라인

쓸데마다 헷갈려서 따로 정리해둔다.폴더 삭제: rm -r \[삭제할 폴더 이름]폴더 이름 변경 :mv \[기존 폴더 이름] \[변경할 폴더 이름]npm package 생성: npm initcreat react app : npx create-react-app \[폴더 이

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

FIBER란 무엇인가?

reconciliation은 재귀함수를 사용하기 때문에 성능을 많이 잡아먹는다.그래서 리액트는 fiber라는 새로운 기법을 도입하였다(프론트앤드는 역시 변화가 자주 , 빠르게 일어나는 구먼)fiber의 핵심은 이거다. 재귀가 아닌 linked list, while lo

2022년 3월 28일
·
0개의 댓글
post-thumbnail

리액트, 커튼 뒤에서 과연 무슨일이??

color palette - navbar를 만들던 도중, 컴포넌트에 있는 state가 유지 되지 않는 걸 발견했다.도대체 뭐가 문제여...???구글링 하던 도중 리액트가 dom을 어떤식으로 출력하는지 까지 딥하게 알아보았다.리액트 동작원리를 제대로 알아두면 좋겠다 싶어

2022년 3월 28일
·
0개의 댓글
post-thumbnail

Color palette TIL

color palette을 만들면서 배웠던 것을 정리해보았다.이렇게나 많이 배웠다니.. 역시 한 프로젝트만 패는(?)것이 나에게 맞는 공부법인것 같다는 생각이 든다.깃헙 코드stopPropagation을 드림코딩에서는 부모 이벤트까지 모두 차단하기 때문에 예상치 못한

2022년 3월 28일
·
0개의 댓글
post-thumbnail

@media 반응형

react color 플젝 하다가 알아낸 사실이다.(min-width (mix-width 그리고 css 코드도 JS와 마찬가지로 위의 코드는 아래코드에 덮어씌여진다.따라서 max-width일 경우 큰것부터 작은것 순으로 적어야 창 사이즈 크기에 따라 순차적으로 적용이

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

Material UI - createStyles + makeStyles

MUI에서 제공하는 withStyles(HOC)로 함수 컴포넌트에 스타일링을 하려고 했으나 classes props가 전달되지 않았다. 공식문서를 보니 protoType에 추가해줘야 할 게 있었다.요렇게 하면 된다.근데 공식문서를 찾아보니 또 다른방법을 사용할 수 도

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

useState 에 두번째 인자로callback 사용하기

클래스안에서는 this.setState에 두번째 인자가 들어가면 이미 첫번째인자에서 업데이트한 state를 두번째 인자에서 받아서 사용가능하다.그러나 useState에서 setState는 그 기능이 제공되지 않고 있다. 애초에 첫번째 인자만 받아들 일 수 있다.그러나

2022년 3월 4일
·
0개의 댓글
post-thumbnail

React emotion styled 컴포넌트

이번에는 다른 라이브러리를 소개해보려고 한다.내 개인적인 생각으로는 material UI의 styled보다 emotion이 더 편한것 같다. 왜냐면 hightlight, auto-complete 기능이 제공 되기 때문이다. 따라서 , camelCase로 바꾸지 않아도

2022년 2월 28일
·
0개의 댓글
post-thumbnail

React Material UI - Styled 컴포넌트

공식문서에 의하면 custom MUI 컴포넌트를 만들기 위해 필요한 도구이다. 즉, 다시말해 모든 MUI 컴포넌트는 default로 styled 컴포넌트에 기반하여 만들어졌다.styled컴포넌트와 sx prop을 함께 쓰면 완전 독립적인 커스텀 MUI 컴포넌트를 만들

2022년 2월 28일
·
0개의 댓글
post-thumbnail

React material UI - withStyles에 대해서

material UI에서 withStyles라는 컴포넌트가 있다. HOC라고도 할 수 있겠다. style 객체를 넘기면 또다른 함수가 리턴된다. 그 함수에 스타일을 적용할 컴포넌트를 넘겨주면, style안에 선언한 스타일이 그대로 적용된다. 일단 코드로 보자!요렇게 적

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

React Hook - useCallback

useMemo에 이어서 useCallback이라는 훅에 대해서 설명해보려고한다. 사실 컨셉은 useMemo랑 거의 비슷하다. 차이점은 이름 그대로 콜백함수를 메모리에 저장한다는 뜻이다. useMemo는 함수에서 리턴되는 값을 저장하는데 useCallback은 함수 자체

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

React Hook - useMemo

이젠 함수형 컴포넌트에서 Hook을 이용해서 memo를 사용할 수 있다. useMemo는 obj(함수든 객체든 뭐든)와 \[...dependencies] 두가지 인자가 들어간다. useMemo는 dependencies중에 바뀐 값이 있으면 obj를 새로 불러와서 리턴값

2022년 2월 23일
·
0개의 댓글