전체 글

📝 기록을 습관화하자
문제 링크 : https://www.acmicpc.net/problem/2533문제 정보문제 개요 백준 2533번 사회망 서비스(SNS) 문제는 트리 형태의 SNS 네트워크에서 모든 사람이 최소한 한 명의 얼리 어답터(Early Adopter)와 연결되도록 하는 최소 얼리 어답터 수를 구하는 문제입니다.노드(사용자)들은 트리 형태로 연결되어 있습니다.각 사용자는 얼리 어답터(새로운 기술을 먼저 사용하는 사람) 또는 일반 사용자일 수 있습니다.최소한의 얼리 어답터를 선정하여 모든 일반 사용자가 최소 한 명의 얼리 어답터와 연결되도록 해야 합니다.해결 방법이 문제는 트리 DP(Tree DP) 기법을 활용하여 해결하였습니다.각 노드(사용자)가 얼리 어답터인 경우와 아닌 경우를 나눠서 탐색합니다.DFS(깊이 우..
문제 링크 :  https://www.acmicpc.net/problem/1600문제 정보 문제 개요백준 1600번 말이 되고픈 원숭이 문제는 격자판에서 원숭이가 말의 이동을 일정 횟수(k번)만 사용할 수 있는 상황에서 (0,0)에서 (w-1, h-1)까지의 최단 거리를 구하는 문제입니다.원숭이는 일반적으로 상, 하, 좌, 우로 이동할 수 있습니다.단, 말의 움직임(체스 나이트의 이동 패턴)을 최대 k번까지 사용할 수 있습니다.도착점에 도달할 수 없으면 -1을 반환합니다. 해결 방법이 문제는 최단 거리 문제이므로 BFS(너비 우선 탐색)을 사용하여 해결하였습니다.일반적인 최단 거리 문제에서는 visited 배열을 2차원으로 사용하지만, 이 문제에서는 말처럼 움직일 수 있는 횟수(k)가 추가된 3차원 방문..
1. 문제 상황npm run dev 명령어 실행 시 세그멘테이션 오류가 발생하며 실행이 중단됨.npm run dev> fe@0.1.0 dev> next dev --turbopack/c/Program Files/nodejs/npm: line 65: 677 Segmentation fault "$NODE_EXE" "$NPM_CLI_JS" "$@"추가 오류 메시지Segmentation fault (3221225477 오류 코드)Node.js 실행 중 메모리 접근 오류로 인해 충돌 발생보통 손상된 npm 패키지, 권한 문제, 또는 OneDrive 경로 문제에서 발생파일 삭제 실패 (EBUSY, EPERM 오류)특정 폴더(node_modules/puppeteer, node_modules/next 등)를..
에러 빠르게 Vercel에 배포해보려다가 에러 발생Error: Unexpected any. Specify a different type.  @typescript-eslint/no-explicit-any 해결법eslint 설정 파일에서 규칙을 수정해주면 된다..eslintrc.json의 rules에 "@typescript-sxlint/no-explict-any" : "off" 추가//.eslintrc.json{ ... "rules": { // Unexpected any. Specify a different type 문구 제거 "@typescript-eslint/no-explicit-any": "off", // React, { ReactElement } fr..
🌙 이 블로그는 다크모드에서 코드 블록의 가독성이 더욱 향상됩니다. 화면 우측 하단의 달 모양 아이콘을 클릭하여 다크모드로 전환하시면 보다 쾌적한 읽기 환경을 제공받으실 수 있습니다. 1️⃣ metadata 이용해서 메타태그 설정Next.js에는 SEO 및 웹 공유성을 개선하기 위해 애플리케이션 메타데이터(예: HTML 헤드 요소 내부의 메타 및 링크 태그)를 정의하는 데 사용할 수 있는 메타데이터 API가 있습니다. 앱에 메타테이더를 추가하는 데는 두 가지 방법이 존재합니다.Config-based : layout.js 또는 page.js 파일에서 정적 메타데이터 객체 또는 동적 generateMetadata 함수를 export 해주기File-based : Next.js는 메타데이터를 명시하기 위한 일..
Github 계정에 로그인하고 Add Project를 클릭하면 빌드 가능한 프로젝트들이 나와있습니다.현재 빌드하려고 하는 프로젝트가 목록에 없는 상황입니다.  1. 우선, 프로젝트 검색창에 아무 값이나 입력해 주세요 저는 프로젝트 명의 일부분인 flaw라고 입력했습니다.  2. Configure GitHub App 버튼을 클릭하세요.  3. Github 계정 옆에 Configure을 클릭하세요.  4. 스크롤을 내려서 Select repositories에서 빌드할 프로젝트를 선택합니다.
🌙 이 블로그는 다크모드에서 코드 블록의 가독성이 더욱 향상됩니다. 화면 우측 하단의 달 모양 아이콘을 클릭하여 다크모드로 전환하시면 보다 쾌적한 읽기 환경을 제공받으실 수 있습니다.   이번 포스팅에서는 LLM Llama3 서버에서 전달받은 비정형 코드 분석 데이터를 파싱하고 포맷팅 하는 기능을 개발하면서 직면했던 문제와 해결 방법을 다룹니다.  1️⃣ 과제 및 목표LLM Llama3 서버에 코드 취약점 분석을 요청한 후, 서버에서 응답받은 결과를 검사 결과 페이지에 표시하는 기능을 담당했습니다.이를 위해 서버에서 응답받는 데이터를 파싱하고, 포맷팅하여 화면에 일관되게 바인딩하는 작업이 필요했습니다. 스팩스페이스에서 제공하는 API 명세서를 보면 다음과 같습니다.스팩스페이스에서 제공한 API 명세서에..
🌙 이 블로그는 다크모드에서 코드 블록의 가독성이 더욱 향상됩니다. 화면 우측 하단의 달 모양 아이콘을 클릭하여 다크모드로 전환하시면 보다 쾌적한 읽기 환경을 제공받으실 수 있습니다.   이 포스팅은 파일 검사 프로세스에서 발생한 문제를 해결하기 위한 과정의 내용을 담고 있습니다. 백드롭 화면에 가려진 검사 진행 상황 표시 문제를 해결하기 위해 모달 내부로 진행 상태를 옮기고, 이를 통해 사용자 경험을 개선한 방법을 다룹니다. 1️⃣ 프로세스 변경 배경1. 기존 Modal 검사 프로세스의 문제점현재 파일 검사 프로세스에서는 파일들을 선택한 후 검사 버튼을 클릭하면 모달 창이 뜨고, 분석이 진행 중임을 사용자에게 알립니다. 이때 모달 창 뒤에 있는 백드롭 화면에서 전체 파일 검사 진행도가 실시간으로 업데..
🌙 이 블로그는 다크모드에서 코드 블록의 가독성이 더욱 향상됩니다. 화면 우측 하단의 달 모양 아이콘을 클릭하여 다크모드로 전환하시면 보다 쾌적한 읽기 환경을 제공받으실 수 있습니다.   이 포스팅은 병렬 처리와 ProgressBar UI 도입을 통해 서버 응답 시간을 단축하고 사용자 경험을 개선한 과정에 대해 다룹니다. 또한, 프로젝트를 통해 얻은 성과와 배운 점들을 자세히 설명합니다. 1️⃣ 과제 및 목표스팩스페이스에서 제공하는 LLM Llama3 서버를 활용해 파일 코드의 보안 취약점을 검사하는 기능을 담당했습니다. 해당 기능은 사용자가 검사 페이지에서 원하는 파일들을 선택한 후, "검사하기" 버튼을 클릭하여 파일 검사를 진행할 수 있습니다. 또한, "파일 전체 선택" 버튼을 통해 선택한 폴더 내..
1️⃣ 프로젝트 기획💡 프로젝트 소개 제안 배경개발 과정에서 생성된 코드는 보안 취약점을 포함할 가능성이 항상 존재합니다. 이러한 취약점은 애플리케이션의 안전성을 위협하고, 사용자 데이터의 무단 액세스, 정보 유출, 심지어 시스템 전체의 침해로 이어질 수 있는 심각한 보안 사고의 원인이 될 수 있습니다. 이를 방지하기 위해, 코드의 보안 취약점을 사전에 식별하고 수정하는 과정은 소프트웨어 개발의 필수적인 부분입니다.제안 내용국내/해외 보안시장 이슈시스템을 제작하여 해킹의 위험이 있는 취약점 정보들을 수집하여 최신 해킹 트렌드처럼 뉴스를 볼 수 있는 웹 기반 플로디텍터 개발 프로젝트를 제안합니다. 💡 주요 기능 취약점 정보 수집 및 게시판 구현데이터 수집 및 처리 시스템 구현보안 취약점 리포트 💡 팀..
늘코딩
늘코딩