IT 63

문시해알, 맞왜틀 TIL - 20230524

오늘은 자바 문법중에 조건문, 반복문, 배열, 컬렉션에 대해 공부하고 간단한 예제를 진행해봤다!! 아무 문제가 없을줄 알았지만... 그녀석이 결국 나타나 버렸다.. 뭐 어려운 문제는 아니었지만 내가 너무 안일하게 코딩을 해놓고 맞왜틀을 한번 더 외치기 시작했다..ㅎㅎ 예제설명!! 예제 내용은 자료구조( List / Set / Map) 중 하나를 선택해서 나만의 레시피 메모장을 만드는 예제를 진행했다. ● 입력값 ● 저장할 자료구조명을 입력 (List / Set / Map) ● 내가 좋아하는 요리 제목을 입력 ● 이어서 내가 좋아하는 요리 레시피를 한문장씩 입력 ● 입력을 마쳤으면 마지막에 “끝” 문자를 입력 ● 출력값 ● 입력이 종료되면 저장한 자료구조 이름과 요리 제목을 괄호로 감싸서 출력 ● 이어서,..

TIL, WIL/TIL 2023.05.24

문시해알, 맞왜틀 TIL - 20230523

저번주에 TIL을 작성하지 못하고 이제 작성하는 중!! 저번주에는 새로운 팀원분들과 팀 소개 프로젝트를 진행하게 되었다. 나를 소개하기 위해서 이미지 슬라이드를 넣어보면 어떨까 하는 생각에 코드를 작성하기 시작했다. 내가 생각한 이미지 슬라이드는 아래 동영상과 같이 깔쌈하고 이쁜... 내가 생각한 이미지 슬라이드... 그.....런.....데..... 코드는 맞게 작성한거 같은데 이미지 슬라이드가 이상하게 출력되기 시작했다?.. 문제점 자기소개 페이지에 HTML이미지 슬라이드를 추가할려고 했으나 script부분이 실행되지 않으면서 아래 사진과 같이 이상하게 출력되어 당황했던 것!! 분명 코드는 맞는거 같은데 말이지요?.. 이렇게 style도 넣어주고!! script코드도 넣어줬는데!! 왜 안돼.. 개발자..

TIL, WIL/TIL 2023.05.23

팬명록 작성 프로젝트

스파르타 코딩클럽 웹 개발 종합반 강의를 공부하면서 간단하게 프로젝트를 진행하였다. 간단하게 프로젝트 시연 영상과 코드를 작성해보겠다. 프로젝트 환경 프로그래밍 언어 : Python 데이터베이스 : MongoDB 개발환경도구 : Visual Studio Code 서버 프로그램 : Flask 라이브러리 : venv 프로젝트 시연 영상 app.py from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient client = MongoClient('mongodb+srv://sparta:test@cluster0.h5jsrip.mongodb.net/?retryWrites=t..

나의 버킷리스트 프로젝트

스파르타 코딩클럽 웹 개발 종합반 강의를 공부하면서 간단하게 프로젝트를 진행하였다. 간단하게 프로젝트 시연 영상과 코드를 작성해보겠다. 프로젝트 환경 프로그래밍 언어 : Python 데이터베이스 : MongoDB 개발환경도구 : Visual Studio Code 서버 프로그램 : Flask 라이브러리 : venv 프로젝트 시연 영상 app.py from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient client = MongoClient('mongodb+srv://sparta:test@cluster0.h5jsrip.mongodb.net/?retryWrites=t..

화성에 땅 사놓기 프로젝트

스파르타 코딩클럽 웹 개발 종합반 강의를 공부하면서 간단하게 프로젝트를 진행하였다. 간단하게 프로젝트 시연 영상과 코드를 작성해보겠다. 프로젝트 환경 프로그래밍 언어 : Python 데이터베이스 : MongoDB 개발환경도구 : Visual Studio Code 서버 프로그램 : Flask 라이브러리 : venv 프로젝트 시연 영상 app.py from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient client = MongoClient('mongodb+srv://sparta:test@cluster0.h5jsrip.mongodb.net/?retryWrites=t..

HTTP 요청 데이터 - POST HTML Form

HTTP 요청 데이터 - 개요 HTTP 요청 메시지를 통해 클라이언트에서 서버로 데이터를 전달하는 방법을 알아보겠다. 주로 3가지 방법을 사용한다. ● GET - 쿼리 파라미터 - /url?username=hello&age=20 - 메시지 바디 없이, URL의 쿼리 파라미터에 데이터를 포함해서 전달 - 예) 검색, 필터, 페이징등에서 많이 사용하는 방식 ● POST - HTML Form - content-type: application/x-www-form-urlencoded - 메시지 바디에 쿼리 파리미터 형식으로 전달 username=hello&age=20 - 예) 회원 가입, 상품 주문, HTML Form 사용 ● HTTP message body에 데이터를 직접 담아서 요청 - HTTP API에서 주..

HTTP 요청 데이터 - GET 방식

HTTP 요청 데이터 - 개요 HTTP 요청 메시지를 통해 클라이언트에서 서버로 데이터를 전달하는 방법을 알아보겠다. 주로 3가지 방법을 사용한다. ● GET - 쿼리 파라미터 - /url?username=hello&age=20 - 메시지 바디 없이, URL의 쿼리 파라미터에 데이터를 포함해서 전달 - 예) 검색, 필터, 페이징등에서 많이 사용하는 방식 ● POST - HTML Form - content-type: application/x-www-form-urlencoded - 메시지 바디에 쿼리 파리미터 형식으로 전달 username=hello&age=20 - 예) 회원 가입, 상품 주문, HTML Form 사용 ● HTTP message body에 데이터를 직접 담아서 요청 - HTTP API에서 주..

HttpServletRequest

●HttpServletRequest 역할 HTTP 요청 메시지를 개발자가 직접 파싱해서 사용해도 되지만, 매우 불편하다. 서블릿은 개발자가 HTTP 요청 메시지를 편리하게 사용할 수 있도록 개발자 대신에 HTTP 요청 메시지를 파싱한다. 그리고 그 결과를 "HttpServletRequest" 객체에 담아서 제공한다. HttpServletRequest를 사용하면 다음과 같은 HTTP 요청 메시지를 편리하게 조회할 수 있다. HTTP 요청 메시지 POST /save HTTP/1.1 Host: localhost:8080 Content-Type: application/x-www-form-urlencoded username=kim&age=20 ● START LINE - HTTP 메소드 - URL - 쿼리 스트링 ..

Hello 서블릿 실습

서블릿 실습을 진행하기 위해서 프로젝트는 생성해준다. 프로젝트는 다음과 같이 생성해준다. 프로젝트를 생성할 때 보통 Packaging를 War이 아닌 Jar로 많이 생성하는데 JSP에 대해서 공부를 진행하기 위해서 Jar이 아닌 War을 선택해서 생성하겠다. 다음으로는 사진과 같이 Spring Web, Lombok를 선택 후 생성해준다. 이어서 다음과 같이 셋팅을 해준다. File -> Settings -> 검색창에 annotation processors 이어서 https://www.postman.com/downloads/에 접속 후 postman을 다운받아준다. 서블릿은 톰캣 같은 웹 애플리케이션 서버를 직접 설치하고, 그 위에 서블릿 코드를 클래스 파일로 올린 다음, 톰캣 서버를 실행하면 되지만 매우..

HTML, HTTP API, SSR, CSR

정적 리소스 ● 고정된 HTML 파일, CSS, JS, 이미지, 영상 등을 제공 ● 주로 웹 브라우저 HTML 페이지 ● 동적으로 필요한 HTML 파일을 생성해서 전달 ● 웹 브라우저 : HTML 해석 HTTP API ● HTML이 아니라 데이터를 전달 ● 주로 JSON 형식 사용 ● 다양한 시스템에서 호출 ● 데이터만 주고 받음, UI 화면이 필요하면, 클라이언트가 별도 처리 ● 앱, 웹 클라이언트, 서버 to 서버 HTTP API - 다양한 시스템 연동 ● 주로 JSON 형태로 데이터 통신 ● UI 클라이언트 접점 - 앱 클라이언트(아이폰, 안드로이드, PC 앱) - 웹 브라우저에서 자바스크립트를 통한 HTTP API 호출 - React, Vue.js 같은 웹 클라이언트 ● 서버 to 서버 - 주문 ..