하고 싶은게 많음

Form 태그 : 게시글을 생성하기위해서 사용자로부터 Data를 받는다. 이때 사용하는게 Form으로 회원가입을 하거나 검색할 때 사용하는게 바로 Form. 입력한 데이터를 전송하기위해서는 어디로(action=’보낼 url’) 어떻게(method=’‘) 보낼지 결정해야함. action=’보낼 url’ method=’ ‘ : method는 여러 방법이 있는데 POST(정보->서버 전달), GET(검색)을 많이 사용함. 입력받을 input에 name = ’보낼 이름‘ 적기 #주소창에 데이터가 들어가는 방식(get) 유저 등록하시는 사용자 이름을 넣어주세요. 노래 제목 좋아하는 노래 제목을 넣어주세요. 가수 앨범커버 URL 이미지 주소 복사하여 넣어주세요. ▲ music.html Form에서 보낸 데이터 Fl..

지난주차까지는 가뿐했다. 이번주차 강의는 서브쿼리가 등장해서 머리를 꽤나 아프게 했다. 서브쿼리(Sub query) : 쿼리문 안에서 서브로 들어가는 쿼리문. where절, select절, from절에 들어가서 테이블, 필드명을 대신해서 사용할 수 있게한다. (order by 사용 불가) 서브쿼리를 사용할 때 가장 중요한건 어떻게 그룹화하고 어떻게 정보를 찾을 것인가이다. 나같은 경우 최대한 문제의 문장을 영어 끊어 읽으려고 노력한다. 예를 들면 '전체 유저의 포인트의 평균보다 큰 유저들의 데이터 추출하기' 라면 전체유저의 포인트의 평균/ (보다) 큰 유저들의 데이터 추출하기 이렇게... 간단하고 당연하지만 저렇게 하면 일의 순서가 약간은 정리되는 느낌이 든다...난 약간 정신없고 성격이 급해서 차근차근..

Flask 설치방법: 1. python 가상환경을 구축 2. flask 기본 폴더 구조를 만들어준다. 3. 터미널에 pip install flask 입력하여 설치 가상환경 venv : 웹을 만드는데 사용할 편리한 도구 모음, 라이브러리를 담아둘 공구함 Flask 폴더 구조 (폴더 구조가 정해져 있음) flask |— venv |— app.py (서버) _파일명을 변경해도 되지만, 라이브러리 이름과 같은 것을 이름으로 사용X |— templates |— index.html (클라이언트 파일) flask 기본 골격 from flask import Flask app =Flask (__name__) @app .route ('/') #이 부분을 여러 개 만들어서 주소를 분할할 수 있음. # 주소에 아무것도 안넣었..

쿼리(Query)문이란? 쿼리는 질의를 의미하며, 데이터베이스에 명령을 내리는 것을 의미. SQL: 데이터 베이스를 CRUD(Create, Read, Update, Delete) 할 수 있게 하는 명령을 의미. 정처기 공부할 때 재밌기도했고, 열받게 했던 SQL. 1주차에서는 프로그램 설치와 기본적인 select문에 대해서 배웠다. 엑셀함수랑 조금 비슷하고 직관적이라 재미있다. 프로그램은 DBeaver를 사용했다. 데이터 베이스 비버라니. 왕귀욥. 아이콘도 너무 앙증맞다. https://dbeaver.io/download/ Download | DBeaver Community Download DBeaver Community 23.2.1 Released on September 25th 2023 (Milest..

HTMLHTML태그block: 1줄 차지. 위 → 아래 쌓임.inline: like 글자. 왼쪽 → 오른쪽 쌓임. Flex 명령어: HTML태그의 방향을 바꿀 수 있음. (block을 왼쪽 → 오른쪽, inline을 위 → 아래): 부모태그에 무조건 사용해야함.+ justify-content: center; 주축방향으로 가운데 정렬+ align-ite: center; 교차축방향으로 가운데 정렬rf) 정중앙 배치 시: display: flex; justify-content: center; align-items: center;    홈페이지구조1. **네비게이션 바 (Navbar):**네비게이션 바는 홈페이지 상단에 위치. 주로 메뉴 항목이 포함. 이 항목들은 사용자가 웹사이트 내에서 이동하고자 하는 다른 ..

jQuery 간편한 자바스크립트 코드 라이브러리(import 해야함). html 뼈대를 선택해서 쉽게 조작할 수 있음. 사용방법 1. jQuery import 하기 head 태그에 꼭 넣기 2. jQuery에서는 id 값을 통해 특정 버튼/인풋박스/div/.. 등을 가리키게 됨. function checkResult (){ let word ='사과 ' $('#q1 ').text (word) } $(‘#id값’).text( ) : 함수 실행하면 아이디가 q1인 태그에 word를 넣는 코드임. (교체의 느낌) .append( ) : 추가하는 메소드 (추가) .empty( ) : 삭제하는 메소드 .attr( ) : - 가져오기 : $(‘div’).attr(‘class’); div요소의 class 속성의 값 가..

문제 : 문자열의 배열과 숫자를 입력받아 숫자의 인덱스 위치의 문자의 순서대로 새로운 배열을 반환하기 https://school.programmers.co.kr/learn/courses/30/lessons/12915 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 접근 방법 : 기사공부할 때 정렬 방법에 대해서 생각이 나서 자신있게 도전했는데 풀지 못했다. 젠장; 접근한 방법은 1) 반복문으로 문자열 배열을 2번 돌리는데 1번은 배열의 요소를 돌리는 방법, 다른 1번은 요소 안의 문자하나하나를 돌린다. 2) 그래서 반복문 안에서 가정문을 하나 넣고, 조건으..

구조 분해 할당 말은 거창하지만 그냥 배열이나 객체를 쪼개서 하나하나를 변수에 할당해주는걸 말한다. //구조분해할당 : destructuring(de + structure + ing) //배열이나 객체를 쪼개서 할당 //(1) 배열의 경우 let [value1, value2] = [1, "new"]; console.log(value1); console.log(value2); let arr = ["value1", "value2", "value2"]; let [a,b,c,d=4] = arr; console.log(a); console.log(b); console.log(c); console.log(d); //암것도 안넣으면 undefined, 초기값도 넣을 수 있음(d=4) //(2) 객체인 경우 let u..

1. 문자열을 입력받아 P, p의 개수와 Y, y의 개수를 구하여 합계 출력 https://school.programmers.co.kr/learn/courses/30/lessons/12916 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제를 보면서 1) 일단 문자열을 split으로 쪼개서 P와 p, Y와 y의 여부를 확인하고, 2) 확인한 만큼 반복문을 돌려서 3) 돌린 만큼 합계의 변수에 저장해 4) 그걸 갯수가 동일하면 true 아니면 false 반환시키자. 라고 생각했다. 그래서 아래와 같이 코드를 짰는데... function solution(s..

조건문 //조건문(if, else if, else, switch) //1.if문 let x = 10; if ( x > 0 ) { //main logic console.log("x는 양수입니다.") } //1-2. 문제 //y의 길이가 5보다 크거나 같으면 길이를 console.log로 출력 let y = "Hello World"; if(y.length >= 5){ console.log(y.length); } // //2. if - else문 let z = -3; if(z>0) { console.log("z는 양수") } else { console.log("z는 음수 또는 0 입니다.") } // 3. if - else if - else 문 // x1 0미만 : 1 출력, // x1 0이상 10미만 : 2..

변수와 상수 //변수, 상수 //변수 : 메모리에 저장 -> 읽어서 재사용. // [변수 5가지 주요 개념] //변수 이름 : 저장된 값의 고유한 이름 // 변수 값 : 변수에 저장된 값 // 변수 할당: 변수에 값을 저장하는 행위 // 변수 선언: 변수 사용하기 위해 컴퓨터에 알리는 행위 // 변수 참조: 변수에 할당된 값을 읽어오는 것. //[변수를 선언할 수 있는 3가지 방법 : var, let, const] // 1. var var myVar = "Hello1" var myVar = "Test1" myVar = "GoodBye1" // 재선언 O, 재할당 O // 2. let let myLet = "Hello2" // let myLet = "Test2" myLet = "Goodbye2" // 재선..

날짜와 시간 import java.time.LocalDate; import java.time.LocalDateTime; import java.time.LocalTime; public class Main { public static void main(String[] args) { System.out.println("now usages"); //현재 일자와 시간: .now 이용 LocalDate date = LocalDate.now();//2023-08-11 LocalTime time = LocalTime.now();//16:03:29.930810900 LocalDateTime dateTime = LocalDateTime.now(); //2023-08-11T16:03:29.931810500 System.ou..

항상 프로그램을 설치하고 처음 사용하기 전 항상 문제가 발생한다. 그럴때마다 모든걸 포기하고싶어질때가 있는데 그럴땐 이깟 프로그램에 내가 질쏘냐. 부신다. 라는 생각으로 임하면 된다. 기본 자료형(Primitive Type) 숫자 자료형 short(2byte) int(4byte) long(8byte) float (소수. 숫자에 F부착필) double public class Main { public static void main(String[] args) { short s = 1; System.out.println(s); int a = 3; System.out.println(a); long b = 4; System.out.println(b); float f = 5.5F; System.out.println(..