기록공간

오늘은 웹개발 5주차 강의를 마무리하고, 이외의 추가기능을 구현해보고싶어서 ChatGPT와 구글 바드 등 여러가지 인공지능 챗봇의 도움을 받아 팬명록 삭제 기능을 구현하였다. 이렇게 팬명록을 남길때, 자기만의 고유 비밀번호를 입력할 수 있도록 칸을 만들었고 댓글삭제 버튼을 눌렀을때 비밀번호를 입력하게 해서 올바른 비밀번호를 입력하게하고싶었다. function show_comment() { fetch('/guestbook').then((res) => res.json()).then((data) => { let rows = data['result'] $("#comment-list").empty() rows.forEach((a) => { let name = a['name'] let comment = a['com..

오늘은 서버만드는 방법을 배웠다. - 웹브라우저(프론트엔드)에서, 데이터베이스에 저장되어있는 데이터를 가져오는 작업을했다. - Flask 프레임워크를 활용해, 서버와 API를 만들었다. (프레임워크란 ? 웹사이트 등 소프트웨어를 더 쉽게 구축할 수 있도록 도와주는 도구 모음 같은 것들 ) Flask 프레임워크는 웹 서버를 구동하는데 필요한 복잡한 코드들을 쉽게 가져다 쓸 수 있다는 장점이 있었다. Flask 프레임워크를 이용하기위해, VSCODE 에서 app.py(백엔드 부분)파일을 생성해야한다. (Flask 프레임워크에서 정한 규칙) 또한, templates 폴더안에 index.html(프론트엔드 부분) 을 생성해야한다. -여기까지가 규칙이었다. 또한 Flask 프레임워크에서, 원하는 라이브러리만 설치..

오늘은 지니 웹사이트에서 순위,제목,가수이름을 불러와 출력하는 법을 배웠다. 아래는 크롤링을 위한 VSCODE에서의 기본 세팅코드이다. URL 부분에는, 지니뮤직 순위를보여주는 사이트를 입력했다. from pymongo import MongoClient client = MongoClient('mongodb+srv://sparta:test@cluster0.prmf9xh.mongodb.net/?retryWrites=true&w=majority') db = client.dbsparta import requests from bs4 import BeautifulSoup URL = "https://www.genie.co.kr/chart/top200?ditc=M&rtm=N&ymd=20230101" headers = ..

JavaScript는 웹페이지를 움직이게하는 프로그래밍 언어이다. jQuery란? HTML의 요소들을 JavaScrip코드로 편리하게 사용할 수 있도록 미리 작성해둔 라이브러리를 의미 (라이브러리 : 미리 작성해둔 코드들의 집합) 주의 ※ 무조건 import를 사용해서, 라이브러리를 불러와야 한다. JavaScript로 작성하면, 아래와 같이 길고 복잡하게 쓸 것을, document.getElementById("element").style.display = "none"; Jquery로 보다 간단하게 작성할 수 있다. $('#element').hide(); CSS코드에서는 div 컨테이너 박스에 이름을 class = "name" 으로 달아주었다면, jquery 혹은 자바 스크립트를 사용할때는, id="q1..

배운것 : HTML은 웹페이지의 뼈대, CSS는 뼈대를 꾸미는 역할을 수행한다. HTML 코드는

오늘 한 것 : BOJ 알고리즘 1946 신입사원 (O) 2294 동전 2 (△) 깨달은 것 : 자바에서 오름차순 정렬할 때 Array.sort(array) 형태로 작성되지만 2차원 배열같은경우, Comparator 인터페이스에서 compare 메서드를 재정의해서 정렬 기준을 새로 정해줘야한다. 이때 compare 메서드를 재정의하기보다는 더욱 간단한 형태인 람다식 으로도 작성될 수 있다. 예시) Arrays.sort(array,(a,b) -> Integer.compare(a[0],b[0])); n행 2열의 2차원 배열 array를 1번째 열을 기준으로 오름차순정렬하려면, 위와 같이 작성될 수 있다.

두 매개변수 입력으로 String 배열을 입력받을때, 두 문자열사이, 같은 문자가 얼마나 있는지 구하는 문제였다. 어떻게 풀어야할지 고민하다가 HashMap 자료구조를 써야겠다는 생각이 들었다. HashMap은 데이터를 형태로 아래와 같은 구조로 저장한다. s1의 문자배열에 각 문자를 Key와 나온횟수 Value만큼 담고, s2 배열로 탐색을해, 존재하면 count형식으로 진행했다. 이렇게 할 수 있었던 이유는 자바에서 HashMap 자료구조 패키지를 담고있기 때문에 가능했다. HashMap 자료구조의 이점은 다음과 같다. 1. 빠른 탐색: HashMap은 key를 이용하여 데이터를 탐색하기 때문에, key를 알고 있다면 매우 빠른 속도로 데이터를 찾을 수 있다. 2. 유연한 크기: HashMap은 크기..

1. 백준 2739 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 import java.util.Scanner; class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int N = sc.nextInt(); for(int i=1; i