커서 13기_미디어 홈페이지 구현 (1/2)

소개

안녕하세요. 13기 커서 수강생 이국환입니다.

최근 파이선 및 코딩에 대한 관심으로 커서 스터디에 참여를 하게 되었습니다.

많은 분들이 커서를 통해서 랜딩페이지를 작업한다고 하셔서, 저는 커서를 통한 엡개발?을 도전해봤습니다.

[가칭(뉴스 미디어 홈) 으로 실시간 작업되는 과정을 확인하실 수 있습니다]

진행 방법

--

  1. GPT를 통해서 먼저 제가 원하는 것에 대한 PRD를 구현하였습니다.

  2. 한국어로 된 문자 메시지의 스크린샷
  3. 이렇게 물어보면서 최종? PRD를 만들었습니다.

    종이에 적힌 한국어 단어 목록

이제는 커서로 옭겨서, notepad에 자료를 옮겼고, 앱개발이 시작되었습니다.

보통 메인화면에서 하는 경우가 많은데, COMPOSERS을 사용하면 동시에 많은 코드를 작업할 수 있어서 편하더라고요, !!

한국어 텍스트가 포함된 페이지의 스크린샷

온라인에 많은 웹사이트가 있기 때문에, 저는 직접 링크를 추가하여서 비슷하게 만들어달라고 했습니다..

한국어가 있는 한국어 웹사이트

한국어 텍스트가 포함된 한국어 웹사이트 스크린샷

상단의 설명처럼

메인화면을 index.html로 정하고 그 다른 메뉴는 별도 html을 만들어달라고 해서 구분을 하였고,

만들어진 html을 연결해달라고 요청했습니다.

한국어 텍스트가 포함된 페이지의 스크린샷

이렇게 작업을 계속 하였고,

크게는

  1. 메인화면 index.html

  2. 그 외 카테고리 html

  3. 카테고리에 들어가는 기본 html을 구성하였고,

이런 과정을 계속 거쳐가면서

전체적인 홈페이지 구성을 계속 진행했습니다.

여기서 이슈는 비트코인 api(업비트)를 가져와서 홈페이지에 추가하려고 계속 시도 중인데, 한번씩 끊기는 현상이 발생하네요 ㅜ

한국사이트 스크린샷

상단의 부분은 차주 발표 전으로 해결해보고, 결과물도 완성해보겠습니다!!



1
1개의 답글

👉 이 게시글도 읽어보세요