본문 바로가기

전체 글317

[C++/PGS] [PCCP 모의고사 #2] 2번 - 신입사원 교육 https://school.programmers.co.kr/learn/courses/15009/lessons/121688 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr프로그래머스 PCCP 모의고사 2회 - 2번소요시간 약 13분 범위가 커서 이중반복문이나 정렬 함수는 사용 못하는 문제!!우선순위 큐 생각이 안나서 시간낭비했다 ㅠㅠ 나의 풀이#include #include #include using namespace std;int solution(vector ability, int number) { int answer = 0; priority_queue, greater> pq; f.. 2025. 4. 28.
[C++/PGS] [PCCP 모의고사 #2] 1번 - 실습용 로봇 https://school.programmers.co.kr/learn/courses/15009/lessons/121687 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr프로그래머스 PCCP 모의고사 2회 - 1번소요시간 약 7분 나의 풀이#include #include using namespace std;vector solution(string command) { vector answer; int dx[4] = {0,1,0,-1}; // 시계방향 up, right, down, left int dy[4] = {1,0,-1,0}; int state = 0; // dx/dy 인덱스 .. 2025. 4. 28.
[NextJS] SSR 컴포넌트 vs CSR 컴포넌트 (Server Component와 Client Component), 페이지 로딩 사용자 경험 문제 해결 Next.js - Server Component와 Client ComponentNext.js 13부터 app 디렉토리 구조가 도입되면서, 컴포넌트가 서버(Server) 컴포넌트인지, 클라이언트(Client) 컴포넌트인지 구분하는 것이 매우 중요해졌습니다.이 글에서는 Server Component와 Client Component가 무엇인지, 각각 어떤 특징과 장단점을 가지는지, 그리고 언제 어떤 걸 선택해야 하는지 쉽게 정리해보겠습니다.Server Component란?Next.js에서 page.tsx나 layout.tsx 컴포넌트들은 기본적으로 Server Component입니다.Server Component는 서버에서 렌더링되고, 최종 결과만 HTML로 브라우저에 전달됩니다.✅ Server Compone.. 2025. 4. 26.
[NextJS] 이미지를 렌더링하는 두 가지 방법 : img vs Image 태그 비교 Next.js에서 img와 Image 컴포넌트 비교Next.js로 웹 개발을 하다 보면 이미지 태그를 삽입할 때 두 가지 선택지가 있다. 바로 HTML 기본 태그인 와 Next.js가 제공하는 컴포넌트다. 비슷해 보이지만, 두 방법은 내부 동작 방식, 성능 최적화, 사용 편의성 측면에서 상당히 다르다. Next.js를 사용하는 목적 자체가 최적화된 React 개발이기 때문에, 이미지 또한 전용 컴포넌트를 적극 활용하는 것이 바람직하다."빠르고 가벼운 웹 서비스" 를 목표로 한다면, Next.js의 를 사용하자! 1. 기본 정의 정의HTML 표준 이미지 태그Next.js 전용 고성능 이미지 컴포넌트제공 주체브라우저 표준Next.js (next/image 모듈)2. 동작 방식 태그그냥 HTML 그 자체.. 2025. 4. 26.
[NextJS] 라우팅 시스템 종류 - app vs pages 디렉토링 방법 비교, 폴더 구조 예시, useRouter 오류 디버깅 Next.js에서 app 디렉토리와 pages 디렉토리는각각 다른 방식으로 페이지 라우팅을 처리하는 두 가지 방법을 제공합니다.1. pages 디렉토리import { useRouter } from 'next/router'; 사용/pages 구조 예시 index.tsx → / about.tsx → /about # 👤 사용자용 client/ dashboard.tsx → /client/dashboard profile.tsx → /client/profile blog/ [id].tsx → /client/blog/:id # 🛠 관리자용 admin/ i.. 2025. 4. 25.
[C++/PGS] Lv.3 : 가장 긴 팰린드롬 (투포인터/중심확장) https://school.programmers.co.kr/learn/courses/30/lessons/12904# 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr프로그래머스 레벨3 팰린드롬 문제여러 방법으로 풀이할 수 있다.대표적으로 dp, 혹은 삼중 반복문으로 해결하는 것 같은데나는 투포인터로 해결했다. 중심에서부터 투포인터를 양옆으로 보내면서 서로 값이 같은지 검사했는데,GPT가 이런 방식을 중심 확장(Center Expansion) 기법이라고 알려줌!! 나의 풀이#include #include using namespace std;int solution(string s){ int answer.. 2025. 4. 25.
728x90
반응형