동아리 홈페이지 프로젝트 리팩토링 중 혼자 유지보수를 진행하고 있던 터라 목업으로 백엔드 응답을 가정하고 진행했다. 하지만 수정사항이 올바르게 동작하는지 확신할 수가 없었다. 따라서 실제 운영 환경 위에서 앱이 제대로 동작하는지 확인하고 싶었다. 물론 프론트엔드, 백엔드, 데이터베이스 각각의 로컬 서버를 띄워 진행하는 방법도 존재한다. 하지만 매번 이런 작...

🤔접근 Union-Find를 공부했다면 문제를 보는 순간 해당 방법으로 접근했을 것이다. 왜냐하면 벽을 허무는 순간 각 동방은 같은 집합에 속하기 때문이다. 그러면 가장 먼저 x번 방부터 y번 방을 허물 때, (x, x+1), (x+1, x+2), ... 로 묶어 x와 y의 부모가 다른 경우에만 합집합(union) 연산을 수행하면 된다는 것을 떠올렸을 것...

처음에 이 문제가 실버4라고..? 문제가 생각보다 까다롭다. Counter를 사용해야 겠다고 가장 먼저 떠올렸다야 겠다고 가장 먼저 떠올렸다. 파이썬의 collections 모듈의 Counter를 사용하면 쉽게 풀이가 가능하다. 이 모듈은 딕셔너리의 메서드를 제공하며, most_common() 함수는 개수(키의 개수)가 많은 순서대로 배열로 반환해준다. 자...

프론트엔드 면접을 복기하다가 예전에 정리해 놓은 부분에서 질문이 나왔다는 것을 확인해버린 것이다.. 이번 참에 확실히 개념을 짚고 넘어가고자 한다. 브라우저는 HTML을 읽다가 `를 만나면 스크립트를 먼저 실행해야 하므로 DOM 생성을 멈추며, 이는 src` 속성이 있는 외부 스크립트를 만난 경우도 동일하게 작동한다. 외부에서 스크립트를 다운받고 실행한 ...

재귀는 늘 새롭다. 이 문제의 경우 분할과 정복 느낌으로 접근해봤다. 이때, 항상 조심해야 할 점이 재귀 함수 내에서 기준점이 되는 좌표를 잘 설정해야 한다는 것이다. 🤔접근 우선 nxn 크기의 배열 원소를 모두 ⭐로 채운다. 재귀함수의 기준점 si, sj는 9등분한 정사각형의 시작점이 된다. 제일 바깥의 중첩 반복문은 9등분한 정사각형의 시작점을 방문한...

프로그래머스에서 알고리즘 고득점 Kit에 포함되지 않는 문제들은 알고리즘 분류가 표시되지 않습니다. 문제들을 풀면서 나름 분류를 해봤습니다. 알고리즘별로 문제 풀이 하시려는 분에게 도움이 되었으면 좋겠네요. 푸는대로 지속적으로 업데이트 할 예정입니다. 🔗그리디 숫자 게임 스마트 물류(소프티어) 🔗BFS/DFS 최단경로 숫자 변환하기 미로 탈출...

JavaScript(자바스크립트)는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용되며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다.

Github 저장소클라우드 컴퓨팅 교과목의 개인 프로젝트 과제를 수행하며 개인적으로 정리한 내용임을 미리 알립니다. AWS에서 EC2 인스턴스를 생성하고 삭제하는 등 클라우드 환경에서 컴퓨팅 자원을 다루는 방법을 간단히 실습했었다. 그런데 만약 당신이 서버 관리자이고

코딩테스트를 시행할 때 도움이 될만한 나만의 팁이 담긴 코드 노트이다. 이 노트에는 코드 작성 중 간과할 만한 부분이나, 꿀팁들이 담겨있다. 파이썬으로 코딩테스트를 보는데, 시험이 바로 다음날인 사람들에게 도움이 되었으면 한다.

서버에서 데이터를 불러와 화면에 표시하는 데 리액트 쿼리의 useQuery를 사용한다면, 보통 페이지 진입과 동시에 데이터를 가져오게 했을 것이다. 만약 사진을 다운로드하려고 특정 버튼이 눌렀을 때와 같이, 원할 때만 데이터를 가져오는 데 useQuery를 사용하려면

대부분 React 앱들은 Webpack, Rollup 또는 Browserify 같은 툴을 사용하여 여러 파일을 하나로 병합한 “번들 된” 파일을 웹 페이지에 포함하여 한 번에 전체 앱을 로드 할 수 있습니다.

위상 정렬(Topology Sort)은 정렬 알고리즘의 일종으로, 방향 그래프의 모든 노드를 방향성에 거스르지 않도록 순서대로 나열하는 정렬 방법이다.

HTML, XML과 같은 마크업 언어를 로봇에 비유한다면, 이런 로봇의 팔, 다리를 리모컨(자바스크립트와 같은 프로그래밍 언어)으로 조작할 수 있게끔 하는 인터페이스를 DOM(Document Object Model)이라 할 수 있다.

HTTPS(HyperText Transfer Protocol Secure)는 새로운 애플리케이션 계층의 프로토콜이 아닌, HTTP 통신하는 소켓 부분을 SSL/TLS라는 프로토콜로 대체한 것이다.

Data Fetching Approaches React에서 렌더링 시 비동기 작업 처리를 하는 방법에는 Fetch-on-render, Fetch-then-render, Render-as-you-fetch (Suspense)가 있다. Suspense를 사용하지 않았던 때는 컴포넌트 렌더링을 먼저 수행한 후 componentDidMount(클래스형 컴포...

최근에 만들어진 사이트에서는 웬만하면 회원가입 시 비밀번호를 두 번 입력하게 하고, 정상적으로 설계되었다면 두 비밀번호가 일치하는지도 확인한다. 이를 react hook form을 활용해 적절히 구현하기 위해서는 어떻게 해야 할까? 기존 프로젝트의 회원가입 양식에도 이

트리란 자료들이 계층관계로 이루어진 비선형 자료구조를 말한다.

한 전화번호가 또 다른 전화번호를 포함하는 경우가 있다면 일관성이 없다고 볼 수 있다.

Web Storage는 Web API의 일종으로, 브라우저 내에 키-값 쌍을 저장 가능하게 하며, localStorage와 sessionStorage가 있다.

최단경로(Shortest Path)는 가중치 그래프에서 정점u와 정점v를 연결하는 경로 중 가중치의 합이 최소인 경로로 ‘가장 짧은 경로’를 말한다.