EJ 개발 블로그

본캠프 : Chapter 1 온보딩 주차 - 미니 프로젝트

1.팀 노션 작성2.팀 프로젝트 : S.A(Starting Assignments) 작성3.웹개발 종합반 1주차 강의 복습 : HTML, CSS 기초4.Git 기초 특강 수강

doctype html>html lang="en">head> meta charset="utf-8"> meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> title>푸드파이터title> link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> script src="https://cdn.jsde..

1.JQuery 적용 -toggle: 열고 닫기-append: 붙이기 2.Fetch    Fetch 연습하자!                1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기        모든 구의 미세먼지를 표기해주세요        업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다.        업데이트

1.Javascript: 웹 움직임중요한 5가지! 변수, 자료형, 함수, 조건문, 반복문! console.log: 코딩한 것이 맞게 출력 되었는지를 확인하기 위해 개발자들이 미리 찍어보는 도구 (1)변수: 값을 담는 상자변수 대입( a = 2 )의 의미→ 2를 a라는 변수에 넣는다let으로 변수를 선언 ex)let a = 2let b = 3console.log(a+b) // 5let c = '대한'let d = '민국'console.log(c+d) // 대한민국 (2)자료형 리스트: 순서를 지켜서 가지고 있는 형태컴퓨터는 0부터 센다. 리스트에 들어있는 첫 번째 값은 [0]으로 불러온다. ex)let a_list = [ ]  // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능!// 또는,let a =..

1.HTML: 웹 뼈대 - 누가 누구 안에 있느냐가 중요!        구역    문단    순서가 지정되지 않는 항목(items)의 목록(list)를 나타내는 태그         bullet point! 글머리 기호1          bullet point! 글머리 기호2             제목    소제목     h3~h6도 각자의 역할이 있죠. 비중은 작지만..     문단 수준 요소 사이의 주제를 구분하며 가로 구분선 표시    글자 텍스트 스타일        http://naver.com/"> 하이퍼링크         https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"/>        입력칸..

6) 팀 프로젝트 열심히 했으니 다시 놀아볼까요?!22.lol_users 테이블에서 가장 늦게 게임을 시작한(join_date) 유저의 이름을 선택하는 쿼리를 작성해주세요!정답)SELECT name FROM lol_users ORDER BY join_date DESC LIMIT 1 7) 랭크게임 하다가 싸워서 피드백 남겼어요…28.lol_feedbacks 테이블에서 가장 많은 피드백을 남긴 상위 3명의 고객을 찾는 쿼리를 작성해주세요!정답)SELECT user_name, COUNT(*) AS feedback_count FROM lol_feedbacks GROUP BY user_name ORDER BY feedback_count DESC LIMIT 3 29.lol_feedbacks 테이블에서 평균 만족도 ..

5) 공부하다보니 팀 프로젝트 시간이 왔어요!19.team_projects 테이블에서 현재 진행중인 프로젝트를 선택하는 쿼리를 작성해주세요. 단, 지금 시점의 날짜를 하드코딩해서 쿼리하지 말아주세요!정답)SELECT id, name, start_date, end_date, aws_costFROM team_projectsWHERE CURDATE() BETWEEN start_date AND end_date 20.team_projects 테이블에서 각 프로젝트의 지속 기간을 일 수로 계산하는 쿼리를 작성해주세요!정답)SELECT name, DATEDIFF(end_date, start_date) AS working_daysFROM team_projects

1.데이터가 없을 때의 연산 결과 변화 케이스[방법1] 없는 값을 제외해주기명확하게 연산을 지정해주기 위해 null 문법을 이용 ex) where b.customer_id is not null  [방법2] 다른 값을 대신 사용하기다른 값으로 변경하고 싶을 때, 다음 두 개의 문법을 이용할 수 있습니다.-다른 값이 있을 때 조건문 이용하기 : if(rating>=1, rating, 대체값)-null 값일 때 : coalesce(age, 대체값) ex) coalesce(b.age, 20) "null 제거" 2.Pivot table : 2개 이상의 기준으로 데이터를 집계할 때, 보기 쉽게 배열하여 보여주는 것ex)select restaurant_name,                  max(if(hh='15..

1.Subquery : 여러번의 연산 진행, Query 안에 sub 로 들어간 구문ex)select order_id, restaurant_name, if(over_time>=0, over_time, 0) over_timefrom (select order_id, restaurant_name, food_preparation_time-25 over_timefrom food_orders) a 2.JOIN : 서로 다른 테이블에 있는 데이터 조회하기ex) -LEFT JOINselect 조회 할 컬럼from 테이블1 a left join 테이블2 b on a.공통컬럼명=b.공통컬럼명-INNER JOINselect 조회 할 컬럼from 테이블1 a inner join 테이블2 b on a.공통컬럼명=b.공통컬럼명 Q..

1.SQL로 가공하기REPLACE : 특정 문자 변경ex) replace(바꿀 컬럼, 현재 값, 바꿀 값) 주소의 ‘문곡리'를 ‘문가리'로 바꾸기replace(addr, '문곡리', '문가리') "바뀐 주소" SUBSTRING or SUBSTR : 특정 문자만 조회ex) substr(조회 할 컬럼, 시작 위치, 글자 수)글자 수 지정을 안할 경우 생략 가능 서울 음식점들의 주소를 전체가 아닌 ‘시도'만 나오도록 수정substr(addr, 1, 2) "시도" CONCAT : 여러 칼럼의 값을 하나로 합치기ex) concat(붙이고 싶은 값1, 붙이고 싶은 값2, 붙이고 싶은 값3, .....) 서울시에 있는 음식점은 ‘[서울] 음식점명'이라고 수정concat('[', substring(addr, 1, 2)..