- 전체보기(201)
- DFS(8)
- 완전탐색(4)
- Sort(4)
- BFS(3)
- 재귀(3)
- splice(3)
- useEffect(3)
- this(3)
- queue(3)
- API(2)
- toggle(2)
- greedy(2)
- reduce(2)
- hash(2)
- setInterval(2)
- setTimeout(2)
- 발상의 전환(2)
- useInterval(2)
- useState(2)
- stack(2)
- &&(2)
- Que(2)
- combination(2)
- useMemo(2)
- dynamic array(2)
- Binary Search(2)
- 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)
- cors(1)
- component(1)
- Pivot(1)
- min-width(1)
- promise(1)
- every(1)
- H Index(1)
- WILDCARD(1)
- history API(1)
- 순수함수(1)
- contains()(1)
- 고딩때의 추억(1)
- GET(1)
- POST(1)
- makeStyles(1)
- 프로그래머스(1)
- debugger(1)
- alias(1)
- slug(1)
- OOP(1)
- merge(1)
- align self(1)
- restful api(1)
- DNS(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)
- 라우팅(1)
- MVC(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)
- rules of hooks(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)
- 고차함수(1)
- Higher-order Function(1)
- tailwind(1)
- ESLint(1)
- Call By Reference(1)
- progress(1)
- unshift(1)
- span(1)
- div(1)
- nested for loop(1)
- auto-complete(1)
- react testing library(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)
- ARP(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)
- global(1)
- 응급상황(1)
- DOM(1)
- DB 설계(1)
- good_job(1)
- PriorityQueue(1)
- styled(1)
- memory leakage(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)
- jest(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)
- 그래프(1)
- regexp(1)
- CRUD(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)
- Compound Components pattern(1)
- 이중 포인터(1)
MVC 패턴이라고 들어봤는가?
사용자의 인터페이스, 데이터 및 논리 제어를 구현하는데 널리 사용되는 디자인 패턴이다.비지니스 로직과 화면을 구분하는데 중점을 두고 있다. 관심분리와 응집도가 여기서도 사용된다.The important to note about this design is that the
OOP, 넌 도대체 누구니?
OOP 핫한 주제이다. 정말 많은 사람들이 얘기하는 키워드이다. OOP에대해서 공부를 해보았다. 해보니깐 OOP는 함수형 프로그래밍과 반대되는 개념이 아니라 , 그냥 다른 개념이었다. 특징으로 다형성, 상속등 여러가지가 있지만 그건 제쳐두고 이글에선 OOP의 핵심
REST API에 대해 설명해보자
몇번 사용한적은 있지만 아주 대략적으로만 알고 있어서 구글링 해보았다.우선 영어설명을 들여다 보자. A RESTful API is an architectural style for an application program interface (API) that uses H
CORS 에러?? 이게 뭐시단가...
Cross Origin Resource Sharing의 약자이다. 다른 출처(또는 도메인)로 부터 스크립트를 이용한 json과 같은 데이터를 불러올 때 보안상의 이유로 제한하는 것을 뜻한다.https://domain-a.com => https://do
useInterval을 또 다시 사용해보자
이전 포스트에서 만들었던 useInterval을 이용해서 시간이 얼마나 남았는지 출력하는 앱을 만들어보려고 한다.들어가기에 앞서 이번 글은 코드종님의 영상을 참고하여 정리하는 글이다.코좀봐코앱을 만들기 전에 항상 생각해야할것은 입력과출력이다. 리액트 훅을 이용한 함수
react에서 카운트다운을 해볼까나
react에서 1초씩 카운트 하면서 화면에 출력해주는 함수가 있다고 하자. 그럼 코드를 요렇게 작성할 것이다.그럼 잘 작동할까? 놀랍게도(?) 잘 작동하지 않는다.왜냐면 리랜더링할때마다 setInterval이 새로 호출이 된다. 그럼 setCount를 여러번 만들어내는
함수형 프로그래밍
일단 찾아본다고 찾아봤는데, 틀린 정보가 있을 수 있습니다. 그렇다면 꼭 알려주시면 감사하겠습니다.함수형 프로그래밍이란 도대체 무엇일까?말 그대로 함수를 이용해서 문제를 해결하는 프로그래밍 기법이다. 패러다임이라고 해도 되려나?함수를 이용해서 차례차례 원하는 값을 얻어
tcp/ip 4계층
일단 설명하기에 앞서 알아야 할게 있다.현재는 OSI(Open System Interconnection) 7계층이 아닌 tcp/ip 4계층을 따른다. 이유는 tcp/ip 4계층가 시장점유 싸움에서 이겼기 때문. 그래서 tcp/ip 4계층을 기준으로 설명을 이어가겠다.우
naver.com을 치면 어떤일이 발생할까?
URL이라는 것을 일단 설명해야한다. URL은 Uniform Resouce Locator의 약자로서 resource를 어디서 어떤 방법으로 받을지 설명하는 식별자이다. 보통 protocol(ex> http) + domain name(ex> www.naver.com) +
모르는게 있을때 검색어떻게?
Be specific!!python을 WSL안에서 3.6 -> 3.9로 업그레이트 하려고 구글링을 하였다. "python upgrade" 그리고 나오는 대로 해보았으나 안되었다. 명령 프롬프트안에서 python만 업그레이드 되었을 뿐이다. 그래서 "python upgr
INSTACOOLIKE 테스팅 코드 TIL
사진에서 처럼 await has no effect 라고 되어있으면서 await를 없애면 event가 먹히지 않는다... 아무것도 입력되지 않은것으로 나온다. await를 입력하자...(진짜 이것때문에 1시간이상을 헤맸다... jest 일해라...)Use .toHaveB
INSTACOOLIKE 플젝 TIL
Karl Hadwen의 insta clone 프로젝트를 참고로 하여 나만의 사진 공유 프로그램을 만들어 보았다. 그리고 그 과정에서 새로 알게된 지식, 디버깅 했던 것들을 정리해보려고 한다.usePhotos를 사용해서 photos를 자동 업데이트 하려고 했다.그런데 이
Rules of Hooks
가장 최상위 컴포넌트에 photos state를 두고 아래로 내려주기 위해 photo랑 following을 dashboard에 옮기려고 했다. 그때 아래와 같은 에러가 생겼다.Uncaught Error: Should have a queue. This is likely
Cypress 기본문법 2
한번에 묶어서 for loop처럼 테스팅을 진행 할 수 도 있다.can refactored into the code below비동기 request가 끝날때까지 기다렸다가 테스트를 진행한다.일종의 await 와 비슷하다고 보면 된다.우선 JSON server를 설치하자!
개발자 용어
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
Cypress 기본 문법 1
cypress 공식문서에 튜토리얼이 정말 잘 정리되어있다.모든 내용은 공식 홈페이지에 나와있으니 참고바란다.cypress 공식문서(https://docs.cypress.io/examples/examples/tutorialscypress.json에 baseUrl
구글 검색 방법
드림코딩 유튜버 엘리님의 영상을 보고 진짜 유용하다 생각하여 정리해본다. 더 자세한 내용을 알고 싶으면 아래 영상링크로!!드림코딩 구글 영상키워드가 고스란히 포함된 결과만 보여줌. 에러 메세지를 구글링할때 유용할 것 같다.쌍따옴표를 이용해 검색한다. ""ex> dock
destructuring, double bang
Instagram Sidebar를 만들다가 발견하게된 문법(?)이다.보통 obj안에 obj를 desturcturing(이하 des)해야한다면 따로따로 des를 해야했다.요런식으로 말이다.근데 한번에 des할 수 있다.짜잔! 그리고 만약 active값이 존재하지 않으면
useEffect 안에서의 리턴??
인스타 클론하다가 또 다시 배운 기능이다. useEffect안에서 리턴을 한다??찾아보니 componentWillUnmount와 같은 효과를 낸다는 것이다.useEffect안에서 return을 하면 정리의 개념으로 실행이 된다. 그전에 useEffect안에서 실행되었던
lazy loading
인스타 클론 하다가 배웠다.lazy는 게으르다는 뜻인데 프로그래밍에서는 조금 다른 의미로 쓰인다. 그냥 최소한의 노력으로 최대의 효율을 누리다 의 개념으로 보면 좋을 것 같다.lazy라는 말은 예전에 바닐라 js의 제너레이터로 지연평가를 하는 방법에 대해서 배울때 들은