프론트엔드(Front-End)5 [프론트엔드] 나와 대화하기, 유저 대화 카톡창 프로젝트 진행 기간 : 1일 개발 툴 : Visual Studio Code 프론트엔드 : HTML, CSS, Javascript 백엔드 : Node.js와 Express 실시간 통신 : webSocket 서버 환경 : Tomcat -> JSP 실행 / 서비스 호스팅 데이터 베이스 : MySQL 프론트엔드: Visual Studio Code를 사용하여 HTML, CSS, JavaScript로 구현 백엔드: Node.js와 Express를 사용하여 서버 구현 웹소켓: WebSocket을 사용하여 실시간 통신 구현 데이터베이스: MySQL을 사용하여 채팅 메시지 저장 및 관리 서버 환경: 톰캣을 사용하여 JSP 페이지 실행 및 서비스 호스팅 기본 창 - 입력 창 비어져있으면 버튼 비활성화 - 입력 창에 무언가.. 2024. 1. 10. [프론트엔드] 간단한 환율 계산기 제작 프로젝트 진행 기간 : 3일 개발 툴 : Visual Studio Code 언어 : HTML, CSS, Javascript 기본 창 - 돈 입력하기 - 왼쪽 박스에서 입력하면 오른쪽 박스에서 출력 - 오른쪽 박스에서 입력하면 왼쪽 박스에서 출력 - 왼쪽 박스 세계 통화 선택 가능 - 오른쪽 박스 세계 통화 선택 가능 진행 중 문제점 실시간 환율 api를 받아오려 했으나, 유료여서 다시 코드에 수기로 입력했다. 프로젝트 폴더 2024. 1. 10. [프론트엔드] 미니 마리오 게임 제작 웹 프론트엔드 언어를 배우며, 간단한 웹 게임 구현 프로젝트 진행 기간 : 4일 개발 툴 : Visual Studio Code 언어 : HTML, CSS, Javascript 게임 기능 i. 점프( 스페이스 바)하여 버섯 피하기 ii. 버섯 점프하면 점수 하나 증가 iii. 버섯에 맞으면 목숨 하나 감소 iv. 목숨 0되면 게임 오버 게임 실행 영상 프로젝트 폴더 2024. 1. 10. Javascript 기본 이론 변수 선언 var i = 1; // 중복 선언 가능 let i = 1; // 중복 선언 불가 const i = 1; // 반드시 선언과 동시에 초기화 i = “가나다”; // 선언 안 해도 가능 💡 보통 var 자주 사용 배열은 선언 필요 console.log(); //콘솔에 출력 동기(sync) 프로그래밍 코드가 순서대로 실행됨 작업 완료까지 프로그램 중단 x 모든 작업은 이전 작업의 실행 완료될 때까지 비동기(async) 프로그래밍 다른 코드가 실행 중이어도 실행됨(멀티로) 💡 보통 웹 프로그램은 비동기로 돌아감 CPU : 동기, GPU : 비동기 웹에서의 비동기 웹페이지를 리로드 안 해도 데이터 불러오는 방식 AJAX (Asynchronous Javascript And XML) Javascript를.. 2023. 10. 18. 이전 1 2 다음 728x90
