Search
Duplicate
😎

project_with_Cursor

목차(클릭하세요)
클라우드 드라이브에서 작업시 설치와 실행에 오류가 발생할 수 있으니, 로컬 드라이브에서 작업

0. 참고: 이 내용은 ‘커서 AI 트렌드&활용백과’를 참고함

1. 프로젝트 폴더와 파일 만들기

1-1. 웹 사이트의 첫페이지

일반적으로 index.html 또는 index.php 라는 이름을 사용

1-2. html과 php의 차이

핵심 비교

1-3. 웹사이트 파일들의 일반적 구조: 트리 구조

웹사이트의 트리구조 예시
/ (루트 디렉토리) ├── index.html # 메인 페이지 ├── about.html # 소개 페이지 ├── /css # 스타일시트 폴더 │ └── style.css # 메인 스타일시트 ├── /js # 자바스크립트 폴더 │ └── script.js # 주요 동작 스크립트 ├── /images # 이미지 폴더 │ └── logo.png # 로고 이미지 ├── /assets # 기타 리소스 폴더 │ ├── /fonts # 폰트 파일 보관 폴더 │ │ └── font.ttf # 폰트 파일 │ └── /videos # 동영상 파일 보관 폴더 │ └── intro.mp4 # 소개 영상
- index.html : 브라우저가 가장 먼저 읽는 메인 페이지
[초급]K치킨 소개사이트_by_cursor(Git Hub활용)
목차(클릭하세요)
동적기능을 포함한 웹페이지: 메일전송 기능, 설문조사 자동통계, 데이터 베이스 등

0. 참고: 이 내용은 ‘커서 AI 트렌드&활용백과’를 참고함

1. 온라인 명함 작성을 위한 기초Tip

1-1. 베이스가 될 디자인

•
내 온라인 명함의 기준이 될 디자인 모델이 있다면 더욱 쉽게 만들 수 있음
•
특히 화면 캡쳐 기능을 이용한다면 더욱 스마트 하게

1-2.index.php를 사용하기 위한 기초

index.html vs index.php 차이점

기본 개념

index.html
index.php

주요 비교

[중급]나만의 온라인 명함 by_AI(Render활용)
목차(클릭하세요)
To Do List를 만들기 위해 웹 사이트의 데이터를 저장하는 방식을 알아야 함

0. 참고: 이 내용은 ‘커서 AI 트렌드&활용백과’를 참고함

1. 기본내용

1-1. 동일한 부분

•
기본적으로 자바스크립트와 php, 테일윈드 css를 사용해 to do리스트 앱을 제작하는 부분이 동일함.
•
파이썬 플라스크를 통해서도 가능하고, 다양한 방식이 존할 수 있음
To do list는 해야 할일을 저장하고 다시 불러올 수 있는 기능이 필요함, 따라서 단순히 모든 사용자에게 동일한 웹페이지를 보여주는 방식이 아님

1-2.핵심

웹 애플리케이션 데이터 저장 방식은 크게 2가지로 구분됨
•
클라이언트 측 저장 방식 + 서버측 저장방식

클라이언트 측 저장

쿠키 (Cookies)

•
4KB 제한, 매 HTTP 요청마다 자동 서버 전송 • 만료 기간 설정 가능 • 가장 오래된 저장 방식
[중급]To do 리스트 만들기
목차(클릭하세요)
로컬스토리지 저장방식이 아닌 서버에 데이터를 저장하는 방식 활용
[결과물]
[중급] 서버기반 설문조사 폼&분석
[초급]K치킨 소개사이트_by_cursor(Git Hub활용)
[중급]나만의 온라인 명함 by_AI(Render활용)
[중급]To do 리스트 만들기
[중급] 서버기반 설문조사 폼&분석