EJ 개발 블로그

오늘은 웹개발 종합반 강의 3~5주차를 복습했다. 3주차  jQuery(1) postbox 열고 닫기버튼에 onclick="openclose()" 지정카드에 id="postingbox" 지정toggle을 이용해 카드 열고 닫기 (2) 데이터 넣고 카드 생성버튼에 onclick="makeCard()" 지정데이터 입력칸에 id="image" "title" "content" "date" 지정변수값 지정 let~let temp_html = `` 안에 붙일 카드 코드 입력붙여질 곳(id="card") 옆에 .append 입력head>   script>    function openclose() {    $('#postingbox').toggle();    }     function makeCard() {     ..

오늘은 팀 프로젝트 개인 소개 페이지 제작을 진행했다.우선 내가 담당한 역할 중 팀소개 메인 페이지의 기본틀을 제작해 보니, 이후 개인 페이지는 조금 더 수월하게 진행할 수 있었다.그렇지만 개인 페이지 제작 중에 막힌 부분이 있었는데 다행히도 팀원의 도움으로 해결되었다.다음에도 사용하기 위해 정리해 보겠다.  토글 설정 시 기본적으로 열려있는 것을 닫고 열고 한다.나는 기본 세팅부터 닫혀 있는 화면에 onclick 했을 때 열고 닫히도록 하고 싶었다.그래서 알아낸 방법은 CSS의 값을 지정해 주듯이 해당 id(class)를 display: none으로 설정하면 된다.head> style>   #allcard {   display: none;   } style> script>   function openc..

1.알고리즘 코드카타 : 아직... 나에게는 어려운 영역이다ㅠㅠ JAVA 기초 강의 수강 후에 도전하겠다!2.웹개발 종합반 강의 1~2주차 복습 : HTML, CSS, JS3.팀 프로젝트 진행 : 메인페이지 HTML, CSS, JS 뼈대 제작 배경에 넣은 이미지가 2~3개씩 중복되어 나타났다. 이럴 경우 background-repeat: no-repeat; 으로 사진이 1장만 뜨도록 했다.head>  style>    .intro {     font-family: "Black Han Sans", serif;     background-image: url("https://spartacodingclub.kr/css/images/scc-og.jpg");     background-position: right;..

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..