분류 전체보기 305

사전 필수코스 4일차

1. ChatGPT 웹개발 4주차 수강하기 - Flask 에서 sqlite 사용하기 학습 - db를 사용하여 데이터 저장 및 불러오기 - 추천 음악을 DB에 저장하고 불러오는 사이트 제작 과제 수행 2. 새롭게 알게된 지식 - SQLAlchemy 라이브러리 : 데이터베이스와의 상호 작용을 관리하고 웹 애플리케이션의 데이터 모델을 정의하는 api 터미널에서 pip install Flask SQLAlchemy 명령을 통하여 설치 class 를 생성하여 db와 연결한다 class Song(db.Model): id = db.Column(db.Integer, primary_key=True) username = db.Column(db.String, nullable=False) artist = db.Column(db..

개발일지 2024.01.28

[Springboot] GET API

1. Get API 란? - 리소스를 취득하는 작업 - CRUD의 R(read)에 해당 2. Get 관련 Annotation - RequestMapping(path = "uri" , method = RequestMethod.GET) : RequestMapping 은 get, post, delete, put 등 다양한 방법으로 사용될 수 있기때문에 뒤에 따로 method를 지정해야한다. 예전에 사용하던 방식으로 GetMapping으로 대체할 수 있다. @GetMapping(path = "/hello") // Get 으로만 동작 public String getHello() { return "hello"; } @RequestMapping(path = "/hi", method = RequestMethod.GET..

사전 필수코스 3일차

1. ChatGPT 웹개발 3주차 수강하기 - python 기초 및 flask 에 대하여 학습 - 외부 api (JSON)를 사용하여 데이터 크롤링 - 실시간으로 영화 박스오피스 순위를 조회하는 사이트 제작 과제 수행 2. 새롭게 알게된 지식 - route 함수 : route 안에 매개변수로 uri를 입력해주면 flask에서 해당 주소로 메서드의 결과를 전달한다. @app.route('/mypage') def mypage(): return 'This is mypage!' - request.args.get(' parameter ') 함수 : parameter 에 해당하는 값을 클라이언트에서 받아온다 form에서 parameter에 해당하는 name값을 입력하면 submit 후 해당 데이터를 받아올 수 있다..

개발일지 2024.01.27

[Spring boot] VS Code에 Spring boot 확장 설치

1. VS Code spring boot extension pack 설치 2. VS Code Extension Pack for Java 설치 3. Spring boot (Gradle) 프로젝트 생성 - control + shift + p를 눌러서 검색창에 > spring init을 입력하고 Spring Initializr: Create a Gradle Project... 클릭 후 다음과 같이 진행 - Spring boot project 생성 완료 4. swagger 사용을 위한 spring docs 설치 - spring boot 3.x 버전 부터는 spring fox 호환성이 좋지않아 spring docs 를 설치하여 적용 - 다음의 사이트로 이동하여 springdoc을 검색 후 설치 https://mv..

Spring Boot/VS Code 2024.01.27

사전 필수코스 2일차

1. ChatGPT 웹개발 2주차 수강하기 - 1주차에 완성한 html에 동적 효과 적용 (javaScript) - jquery 및 기초 javaScript에 대하여 학습 - 외부 api (JSON)를 사용하여 데이터 크롤링 - 실시간으로 날씨 정보를 받아와서 표기해주는 사이트 제작 과제 수행 2. 새롭게 알게된 지식 - fetch 함수 fetch(url, options) .then((response) => console.log("response:", response)) .catch((error) => console.log("error:", error)); * options 항목 - method : GET, POST 등 요청 메서드 ( 별도 지정하지 않을시 default => GET 방식 ) - head..

개발일지 2024.01.26

사전 필수코스 1일차

1. ChatGPT 웹개발 1주차 수강하기 - 웹 개발 기본 과정으로 html , css 코드 작성으로 기본적인 웹구조에 대하여 학습 - 각종 태그 사용법과 style 속성에 대하여 학습 - bootstrap document를 참고하여 예시 코드를 활용하여 필요한 코드를 작성 - 음악 추천 사이트를 제작하기 위한 기본 화면을 작성하는 과제를 수행 2. 새롭게 알게된 지식 - meta 태그 : 사이트 자체에 대한 정보를 표기 화면상에는 표시가 없으나 브라우저나 검색 엔진에서 사용 - viewport : 사용자 환경(실행되는 환경)에 맞추어 크기를 설정하기 위해 사용 - 에서 link 와 @import 는 결과적으로 외부의 스타일 관련 코드를 가져오는 동일한 기능을 수행한다. 하지만 link는 코드 실행(l..

개발일지 2024.01.25