1. VSCode를 실행해 상단 메뉴에서 File - Open Folder를 선택합니다. 2. HTML 문서를 작성할 프로젝트 폴더를 고르는 창이 생성되고, 여기에서 폴더를 만들고 선택합니다. 3. 새 파일 아이콘 클릭합니다. 4. 파일명을 index.html로 입력합니다. 5. 오른쪽 편집기가 뜨면 입력칸에 !를 입력후 엔터를 클릭하면 기본 HTML코드를 자동으로 입력됩니다.  6. 입력된 코드를 아래와 같이 수정해봅시다.(내용은 자유롭게 수정가능.) 첫 번째 웹 페이지 7. 완성된 페이지.

- 사용템플릿(1) Visual Studio Code(2) Github(3) Netlify - 완성된 사이트 주소   https://warm-wisp-80c7da.netlify.app/ 간단한 메모장간단한 메모장 제목 메모 저장 전체 지우기 저장된 메모warm-wisp-80c7da.netlify.app - 완성화면 (1) 시작화면 (2) 메모 입력화면 (3) 저장화면 (4) 내 컴퓨터에 저장 화면 (5) 저장된 모습(메모장 사이즈에 맞게 저장) - 핵심 코드 설명 (1) HTML 부분 제목 메모 ..

- photon의 장점(1) 최대 20명까지 동시접속 가능한 서버를 무료로 사용 가능하기 때문에 간단한 프로젝트 진행 시 사용하기 좋습니다. - Photon 사이트 글로벌 크로스 플랫폼 실시간 게임 개발 | Photon EngineEssentialPhoton Details Discover a summary of our product range, notable features, the power of the Photon Cloud, and our cost-effective pricing plans. HAVE A LOOKwww.photonengine.com - 진행 방법 (1) Photon 홈페이지 접속 (2) 회원가입 진행 후 관리 화면으로 이동 후 새 어플리케이션 만들기 클릭. (3) 멀티 플레이어 게임..

- 사용템플릿(1) Visual Studio Code(2) Github(3) Netlify - 완성된 사이트 주소https://neon-elf-202055.netlify.app/ 디지털 시계와 알람 neon-elf-202055.netlify.app - 완성화면 (1) 시작화면 (2) 시계 색상 변경 기능 (3) 알람화면 (4) 타이머 화면 (5) 타이머 진행화면 (6) 타이머 종료화면 (알람소리까지 재생됨) - 핵심 코드 설명 (1) HTML 알람 설정 알람 설정 타이머 설정  (2) CSS/* 스타일링: 전체 페이지 배경 색상 및 중앙 정렬 */body { display: flex; justify..

- 사용템플릿(1) Visual Studio Code(2) Github(3) Netlify - 완성된 사이트 주소https://tranquil-squirrel-ee89de.netlify.app/ 최대공약수와 최소공배수 계산기최대공약수와 최소공배수 계산기tranquil-squirrel-ee89de.netlify.app -  완성화면 (1) 시작화면 (2) 오류화면 (최대 입력 값 1000으로 제한) (3) 결과화면 - 핵심코드 설명/* 스타일링: 전체 페이지 배경 색상 및 중앙 정렬 */ body { display: flex; justify-content: center; align-items: center; heig..

- 개발 목표Unity Phothon Pun2 + 생성형 AI활용= 2D 플랫포머 다중 멀티플레이 게임(횡스크롤+장애물피하기+레이싱시스템) +연습모드(싱글플레이) - 개발 과정계획 및 디자인 설계 > 담당기능 구형 > 베타테스트 - 핵심 기능(1) 내비게이션 기능(2) 랜덤 효과 부여(3) 게임 내 채팅(4) 캐릭터 선택(5) 랜덤 맵 선택 - 인게임 화면(1) 메인화면 (2) 환경설정 사운드 조절 바 기능(0%~100%)  (3) 싱글플레이어 모드(연습모드)캐릭터는 기본 2단 점프까지 가능싱글플레이 모드에서는 스스로 생각하여 움직이는 몬스터 추가!! 피니쉬 깃발에 도달하면 다음 스테이지로 이동하는 방식으로 구현.  (4) 멀티플레이 입장 화면닉네임 입력 후 접속하면 로비 화면으로 전환 (5) 게임 룸 ..

- 동작원리(1) 클라이언트가 서버에 접속하면 서버에서 사용할 고유 ID 입력.(2) 각 클라이언트가 서버에 접속하면 서버 화면에서 클라이언트 접속 알림.(3) 각 클라이언트가 채팅을 입력하면 상대 클라이언트에게 채팅 입력시간과 상대 클라이언트 고유 ID 및 채팅 출력. - 클라이언트 코드#include #include #include #include //유닉스 표준 함수 라이브러리#include //POSIX 스레드 라이브러리#include //인터넷 프로토콜 주소 라이브러리#include //시간 관련 함수 라이브러리#define MAX_MESSAGE_LENGTH 1024 //메시지 최대 길이 정의void *handle_server_message(void *arg); //서버로부터 메시지를 처..

- Raspberry Pi 장비 구성- Raspberry Pi GPIO 구조- Raspberry Pi WiringPi pin 번호 - 핵심 코드(1) 카메라void takePicture(void){ printf("call python code\n"); system("python picam.py"); system("raspistill -o img.jpg");} (2) LEDvoid redLedBlick(void){ //LED ON digitalWrite(RGBLEDPOWER,1); digitalWrite(RED, 1); digitalWrite(GREEN, 0); digitalWrite(BLUE, 0); delay(500); //LED O..