목록web (9)

YYYEJI

[Web] VScode로 웹서버 운영하기

웹 서버 (Web server)란 ? HTTP/HTTPS를 통해 웹 브라우저에 요청하는 HTML 문서나 오브젝트(이미지 파일 등)을 전송해주는 서비스 프로그램을 말합니다. 웹서버 운영을 vs code로 하는 법을 알아봅시다. ↓↓↓ VS code로 웹서버 운영하기 ↓↓↓ 1. VS code를 켜줍니다. 2. Extension에 들어가서 Live Server을 검색합니다. 3. VS code 하단에 Go Live가 뜨면 설치가 잘 됐다는 뜻입니다! 4. Go Live를 클릭하면 Port: 5500이 뜨게 됩니다. 5. Port: 5500이 뜨면서 웹 페이지도 같이 켜집니다. 6. 파일을 들어가면 미리 만들어놓은 웹페이지를 확인할 수 있습니다. 7. VS code 하단에 있는 Go Live 버튼을 다시 클릭..
HTML(or XML) & CSS & JavaScript 2023. 4. 3. 22:15
[MacOS] 원하는 버전의 Node.js 설치하기

Node.js란? 서버를 구축하고 서버에서 JavaScript가 작동되도록 해주는 (chrome V8 JavaScript 엔진으로 빌드 된) JavaScript 런타임입니다. ↓↓↓ 설치하기 ↓↓↓ https://nodejs.org/ko/download/releases/ 이전 릴리스 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 원하는 버전의 node.js를 찾습니다. 원하는 버전을 찾으면 초록색 다운로드 버튼을 누릅니다. MacOS의 경우 .pkg 를 다운받으면 됩니다. Finder - Downloads 폴더에서 .pkg 파일을 더블 클릭합니다. 설치를 해줍니다! 잘 설치 되었는지 ..
Web Application Server (WAS) 2022. 12. 29. 22:34
[MacOS] 닷홈(dothome)으로 웹호스팅하기

Dothome이란? 웹 호스팅을 하기 위해서는 서버(도메인)가 필요합니다. 닷홈은 서버 즉 웹상의 공간을 대여해주는 서비스입니다. dothome 무료 도메인 받기 https://www.dothome.co.kr/web/free/index.php 닷홈 호스팅 닷홈은 도메인, 무료 웹호스팅, 웹빌더, 메일호스팅, SSL보안인증서, 서버호스팅, 코로케이션 등 다양한 호스팅 서비스를 제공하고 있습니다. www.dothome.co.kr ↑↑↑ 위에 링크로 들어가주세요 ↑↑↑ ① DOTHOME에 로그인을 해주세요! ② 웹호스팅에 있는 무료호스팅을 클릭해주세요. ③ 신청하기 눌러주시면 됩니다. ④ 이용안내 확인 - 서비스 신청 및 결제 - 완료 이 단계에서는 웹호스팅 설정 정보 입력, 확인 단어 입력, 이메일 인증을 ..
Web Application Server (WAS) 2022. 12. 28. 04:56
[PHP] PHP와 DB 연동하기

DB 연동 실습을 하기 전에 링크(https://yyyeji.tistory.com/307)에 방문에서 PHP 실습을 맞춰주세요! PHP - 웹페이지에서 넘어온 value를 출력 DB - 웹페이지에서 넘어온 value를 저장 실습을 시작해봅시다. 우선 php 파일에 db를 연결하게 됩니다. Welcome Your email address is: 앞서 사용했던 DB 파일에 이어서 실습해보겠습니다. Welcome Your email address is:
HTML(or XML) & CSS & JavaScript 2022. 12. 13. 02:59
[WAS] IntelliJ에서 Spring 배포하기

IntelliJ를 사용해서 spring 프로젝트를 배포해보겠습니다. Maven 폴더에서 install 우클릭 후 Run Maven Build를 눌러주세요! 왼쪽 프로젝트 target 폴더에서 .war 이 생성된 걸 확인이 되면, 터미널 켜주세요. 터미널 부분만 살펴보겠습니다. $ ls $ target $ sftp id@server $ cd webapps $ put 생성된.war 새로운이름.war $ ls [server_name:8080/생성한 .war 파일의 이름]의 이름을 url로 사용해서 url 창에 넣어주면 배포가 잘 된 것을 확인할 수 있습니다. ◡̈
Web Application Server (WAS) 2022. 12. 2. 14:53
[WAS] JSP Model Architecture

Web Architecture 에서 알아야 할 용어부터 알아보겠습니다. ① Controller - 사용자 요청 처리, 화면의 로직 처리 부분 ② Model - 알고리즘, DB와 상호작용(CRUD), 데이터 처리 ③ View - 사용자에게 보여줄 UI(User interface) JSP Model1 Architecture JSP Page • Controller (servlet class) - 입력 정보 추출 - Model class의 DB 연동 함수 호출 - 페이지 이동 • View (JSP Page) - UI(User Interface) 담당 Java Bean • Model (VO, DAO class) - DB 연동 JSP Model2(MVC) Architecture Model (Service class..
Web Application Server (WAS) 2022. 11. 29. 23:51
[MacOS] db4free로 DB 이용하기

서버에 DB를 설치해서 사용해야 되지만 서버를 가지고 있지 않기 때문에 MySQL을 제공하는 db4free를 사용해보겠습니다. ↓↓↓ db4free ↓↓↓ https://db4free.net db4free.net - MySQL Database for free Welcome to db4free.net db4free.net provides a testing service for the latest - sometimes even development - version of the MySQL Server. You can easily create an account for free and test your applications, for example to make sure that they still work ..
Web Application Server (WAS) 2022. 11. 15. 00:54
[MacOS] JSP를 위한 AMAZON JDK 다운로드하기

JSP(JavaServer Pages)란? 자바를 이용한 서버 사이드 스크립트 언어입니다. JSP를 만들기 위해서는 개발환경 tool를 다운로드 해야됩니다. ① Java 개발도구 - OpenJDK or Pracle Java JDK (자바를 컴파일하기 위한 도구) ② 웹 어플리케이션 서버 - Tomcat (웹 어플리케이션 서버 - WAS 로 jsp로 개발되는 웹 사이트 구동 엔진) ③ 통합개발환경(IDE) STS(Spring Tool Suite) or Eclipse JAVA 개발도구인 OpenJDK를 다운로드 해보겠습니다. JDK를 다운로드하는 공식적인 사이트는 아래와 같습니다. https://openjdk.org/ OpenJDK Learn about the key active Projects in the..
Web Application Server (WAS) 2022. 11. 2. 22:30
이전 Prev 1 2 Next 다음