주말 개발자의 포트폴리오 웹사이트 만들기

티끌모아밈
1,615
0 0
웹 개발을 배우면서 나만의 포트폴리오 사이트가 필요하다고 느꼈습니다. 하지만 막상 시작하려니 어디서부터 어떻게 구성해야 할지 막막했어요. 특히 디자인 감각이 부족해 사이트의 레이아웃과 색상 조합을 결정하는 게 가장 어려웠습니다.
그래서 GPT를 활용해 포트폴리오 사이트 개발 계획부터 실제 코드까지 체계적으로 접근하기로 했습니다. 먼저 사이트 구조와 디자인 컨셉을 정리하는 것부터 시작했죠.

프롬프트

복사
// 개발자 포트폴리오 사이트 제작 가이드 요청
// @param {string} 기술스택 - 내가 사용할 기술 목록
// @param {string} 디자인스타일 - 원하는 디자인 방향
// @param {array} 포함섹션 - 포트폴리오에 포함할 섹션들
// @return {object} 포트폴리오 사이트 개발 가이드와 코드 템플릿
/**
* 다음 정보를 바탕으로 포트폴리오 사이트 개발 계획과 핵심 코드를 제공해주세요:
*
* 1. 기본 정보:
* - 기술 스택: [HTML/CSS/JavaScript 또는 React/Vue/Angular 등 선택]
* - 경력 수준: [신입/주니어/미들/시니어 중 선택]
* - 개발 분야: [프론트엔드/백엔드/풀스택/모바일 등 선택]
*
* 2. 포트폴리오에 포함할 프로젝트:
* - [프로젝트명 + 간략 설명 1-3개 작성]
*
* 3. 디자인 선호도:
* - 색상 테마: [어두운/밝은/컬러풀 등 선택]
* - UI 스타일: [미니멀/모던/레트로/뉴모피즘 등 선택]
*
* 요청사항:
* 1. 포트폴리오 사이트 구조 제안
* 2. HTML/CSS 기본 템플릿 코드 제공
* 3. 반응형 디자인 적용 방법
* 4. 포트폴리오 차별화 전략 3가지
*/
GPT는 제 요구사항에 맞는 상세한 개발 계획을 제공해주었어요. 특히 미니멀한 디자인에 다크 모드를 적용한 HTML/CSS 템플릿 코드는 정말 유용했습니다. 코드는 깔끔하게 구조화되어 있었고, 반응형 디자인을 위한 미디어 쿼리까지 포함되어 있었죠.
완성된 사이트를 기술 커뮤니티에 공유했더니 예상보다 훨씬 긍정적인 피드백을 받았습니다. 몇몇 분들은 제 코드를 참고하고 싶다며 GitHub 저장소 링크를 요청하기도 했죠.
여러분도 개발 포트폴리오가 필요하다면 이런 방식으로 접근해보세요. 디자인 감각이 부족하더라도 GPT의 도움으로 전문적인 결과물을 만들 수 있을 거예요.

댓글 작성

숨겨진 함정! 현금흐름표 완벽 분석 프롬프트

"손익계산서는 흑자인데 왜 회사가 망했을까?" 이런 뉴스 보신 적 있으시죠? 저도 처음엔 이해가 안 됐어요. 매출도 늘고 이...

연주 전 어떻게 감정을 선택하고 몰입하는 것을 프롬프트로 파악해보세요

연장의 조명이 서서히 어두워지면, 무대 위 연주자는 숨을 고릅니다. 오늘의 즉흥연주는 악보도, 리허설도 없습니다. 오직 그...

프롬프트

ChatGPT

“혼자서는 절대 알 수 없었던 것들”

ChatGPT

500번째 수동 배포에서 실수한 그날, 모든 걸 자동화하기로 결심했다

ChatGPT

“몇 시에 와서 몇 시에 가세요” vs “결과만 보여주세요”의 놀라운 차이

ChatGPT

1만 구독자에서 100만 구독자가 되기까지, 알고리즘이 아닌 진정성의 힘

ChatGPT

“예술로는 돈을 못 번다”는 편견을 깨뜨린 작은 갤러리의 기적

ChatGPT

아버지의 건물 증여, 세금폭탄이 될 뻔한 위기와 해결책

ChatGPT

혼자 공부하다 포기한 영어, 함께 하니 1년 만에 토익 900점

ChatGPT

새벽 3시에 울린 알림, 그리고 5분 만에 해결한 기적

ChatGPT

“당신은 뭘 잘하세요?”라는 질문에 답하지 못한 3년차 직원

ChatGPT

평범한 일상 속에서 다음 시대를 읽어내는 법

ChatGPT

“예산 삭감”이라는 한 마디로 무너진 지역 예술가들의 꿈

ChatGPT

2008년 금융위기 때 모든 걸 잃고 깨달은 진실

ChatGPT

“제가 도울 수 있는 게 있을까요?”라는 질문에서 시작된 작은 기적

ChatGPT

한 서버가 다운되자 전체 서비스가 마비된 그날

ChatGPT

“결과만 알려주고 과정은 알려주지 않는” 상사가 만든 악순환

ChatGPT

“누가 범인일까요?”라는 질문에 “빨간 모자”라고 답한 아이