ESLint란? ESLint 공식 홈페이지에서 캡쳐해왔다. 굉장히 인상적인 소개 방법이다. Find and fix problems in your JavaScript code ESLint statically analyzes your code to quickly fin

🚨🚨 문제 상황 🚨🚨 무한스크롤 시 page가 1씩 늘어나야 하는데, 사진과 같이 누락되는 page값이 발생하였다. page가 1 이상인 상태에서 검색어를 변경하면 page가 1부터 불러와진다. 0부터 시작해야 하는데 일단 내 코드를 보면 이렇다. setT

아무것도 하지 않았는데 MySQL 워크벤치에 들어가서 접속하려 하니이런 에러가 떴다.분명 전날까지만 해도 잘 썼는데 갑자기????별거 아닐거라 생각하고 컴퓨터를 껐다가 켰는데도 안되었다...!지난번에 mySQL 서비스가 종료되어서 실행이 되지 않았던 적이 있어서 '서비

``을 div로 만드는 것. 잘못된 것이지. 인턴을 하기 전에는 ` ` 이런 태그 모두 잘 사용했다. 이런 태그를 사용하는 이유는 모르고 그냥 그렇게 가르쳤으니까 그렇게 썼다. 근데 인턴을 하면서 내가 ` 태그를 사용하는 걸 보고 몇몇 분들께서 나보고 왜 를 사

난 width를 250px으로 주었는데 258px이 되어서 나온다

🚨🚨 문제 상황 🚨🚨 🚑🚑 원인 & 해결 방법 🚑🚑 2 results were returned 리턴값이 하나만 나와야하는데 db에 같은 generationNum을 가진 데이터가 두 개 있었던 거 같네요 --> 그냥 db밀어버림 놀랍게도 주석 처리를

<InputText/> 에서 엔터 키를 누를 때, <CommonButton/>을 누를 때, handleSignup을 호출하고 싶음.그런데, 엔터 키 이벤트가 정상 동작하면 클릭 이벤트가 동작하지 않고, 클릭 이벤트가 정상 동작하며 엔터 키 이벤트가 동작하지

Next.js 14에서는 NEXT_PUBLIC\_ 을 prefix로 해주어야 한다.알고 보니 리액트도 REAC_APP\_를 prefix로 해주어야 한다고 한다. 이전 프로젝트에서는 팀원이 마음대로 지은 건줄 알고 했는데 그게 아니었던 것이다. 역시 뭐든 제대로 알고 써

배열에서 원래 이중 for문으로 O(N^2)에 처리되는 작업을 2개의 포인터의 움직임으로 O(N)에 해결하는 알고리즘여기서 포인터는 C언어의 포인터가 아니라 작업을 처리하기 위해 생성한 변수 이름이다. 포인터라는 변수를 두 개 선언해서 투 포인터라고 부른다.시간 복잡도

CommonButton에 textColor="white"를 적어 주었는데 여전히 글자색이 검정색으로 나오는 이슈 발생textColor이 안 먹힘\-> 이유 : fontSize가 덮어버림.아래와 같이 바꿔주니까 문제가 해결되었다.tailwind.config.ts 파일에서

그리디 알고리즘 : 선택의 순간마다 당장 눈 앞에 보이는 최적의 상황만을 쫓아 최종적인 해답에 도달하는 방법BUT 이런 방법은 항상 최적의 결과를 보장하지는 않는다.THUS다음 두 조건을 만족하는 '특정한 상황'이 아니라면 최적의 해를 보장하지 못한다.탐욕적 선택 속성

다익스트라 알고리즘 : DP를 활용한 최단 경로 탐색 알고리즘 하나의 정점에서 다른 모든 정점으로 가는 최단 경로를 알려줌. 단, 음의 간선은 포함x 현실에서는 음의 간선이 존재하지 않기 때문에 다익스트라는 현실 세계에 사용하기 매우 적합하다. "최단 거리는 여러 개의

클래스풀(Classful IP Addressing) 네트워크를 구분하는 방법. 네트워크 크기를 다르게 구분하여 클래스를 할당하는 주소 체계 IP 주소를 A, B, C, D, E 다섯 가지 클래스로 구분한다. 각 클래스는 네트워크와 호스트를 구분하는 방식이 다르며, 네트

네트워크 주소는 MAC(Media Access Control)주소와 IP(Internet Protocol) 주소로 나뉜다.인터넷 계층에서 사용됨. 각각의 통신기기(컴퓨터, 노트북, 스마트폰)에 할당된 식별번호. 통신기기마다 고유하게 할당되어 있는 것이 아니라, 네트워크

라우팅 : 네트워크에서 데이터를 보낼 때 최적의 경로를 선택하는 과정. 라우터가 이를 수행. 데이터는 보통 출발지에서 목적지로 가는 동안 여러 개의 라우터를 거치며 여러 번의 라우팅을 수행. 라우팅으 보통 초당 수백만번 일어남. ex. 스벅에서 자허블을 먹어야 한다.

데이터를 보낼 땐 뭐가 필요할까? 내 주소, 상대 주소, 오류 없이 갔는지 오류 체크 기능 --> 이런 고민 해결 : TCP/IP 4계층 고민 해결 위해서 주소 확인하는 계층 등을 둠. TCP/IP 4계층 : 인터넷상에서 데이터를 주고받을 때 쓰는 독립적인 프로토콜의

트리 토폴로지 : 계층형 토폴로지. 트리 형태로 배치한 네트워크 구성.(장) 노드 추가, 삭제 용이.(단) 특정 노드에 트래픽이 집중될 때 하위 노드에 영향버스 토폴로지 : 중앙 통신 회선 하나에 여러 개의 노드가 연결되어 공유하는 네트워크. 근거리 통신망(LAN)에

노드 : 서버, 라우터, 스위치 등 네트워크 장치링크 : 유선, 무선비유 : 내 폰(노드)이 네이버 서버(노드)에 동영상/사진 등의 데이터를 보내달라 함. 와이파이(무선/유선) 네트워크(링크, 엣지)로 네트워크 연결함.10명이 방문. 웹사이트는 10mb짜리 데이터를 보

passport 라이브러리 : 전략패턴을 구현한 라이브러리 중 하나. 소셜 로그인을 쉽게 구현할 수 있음. vue.js : MVVM 패턴. spring boot : MVC 패턴. --> 디자인패턴 : 문제 해결 시 뼈대가 되어줄 수 있음. 문제 발생 시 팀원과 '그

로그인이 필요한 페이지에서 매번 토큰을 발급하고 토큰 유효성 검사를 하다 보니 중복 코드가 많았다.로그인이 필요하지 않은 api를 호출할 때 사용할 axiosInstance 하나, 로그인이 필요한 api를 호출할 때 사용할 axiosInstance 하나, 이렇게 총 두