걷기 시작한 Coding Novice

연습 4

onclick 활용 복습해보기

Javascript 복습 할 겸 onclick을 활용하여 한번 클릭하면 홀수, 두번째 클릭하면 짝수라고 나오게 하려는 걸 연습해보자. 과거 메모장을 만든 페이지에서 학습하려고 한다. 그때 onclick으로 클릭하면 'Hello!'라는 메세지가 나오는 경고창이 열리게 함수를 만들었다. 일단 카운트업을 해줘야한다. 클릭했을때 누군가는 수를 세어야 하니까. 그리고 조건문을 달아 주어야 한다. 짝수와 홀수를 어떻게 구분해야할까? 전에 기본문법 중 나눈값의 나머지를 알 수 있는게 있었다. [4 % 2 ==] 4를 2로 나눈뒤의 나머지 값을 도출해라. 이런 모양 이였다. 이를 활용하여 조건문을 달아주자. alert 메세지도 바꿔주자. 카운터가 1부터 시작이며, 이를 2로 나눴을때 나머지가 0일 경우에 '짝수'라는 ..

Javascript 2022.05.18

Group by, Order by 연습해보기

이제 예제를 가지고 조금 연습을 추가로 해볼꺼다. 예제는 다음과 같다. (1) 앱개발 종합반에 결제 수단별 주문건수. (2) Gmail을 사용하는 성씨별 회원수 세어보기. (3) Course_id별 ‘오늘의 다짐’에 달린 평균 like 개수 구해보기. (1) 앱개발 종합반에 결제 수단별 주문건수. 주문건수니까 count를 활용하려나? show tables로 살펴보니 테이블은 orders를 활용해야 할꺼 같다. 일단 orders 테이블을 불러오자. select * from orders 결제 수단별이니까 group by로 결제수단별로 묶어주었다. select * from orders group by payment_method 앱개발 종합반만 남겨기위해 where을 사용해주었고 select * from ord..

SQL 2022.05.11

쇼핑몰 페이지 만들어보기 연습

아이템은 아무거나 선정해서 만들어 볼 것이다. 사전에 준비된 Bootstrap시작 템플릿을 가지고 만들어 볼 것이다. (feat. 기획서 레이아웃) 이 과정에서 내가 행동했던 (멍청한것 포함) 기록을 남겨본다.. 흑.. 시작 템플릿과 기획서 레이아웃은 다음과 같다. 시작해보죠! 일단.. 안에 기획서와 비슷하게 텍스트들을 넣고 구역을 나눠보자. Spell's Shopping 상품제목 해당 제품은 어쩌구저쩌구 내용 주문하기 주석 처리로 해당 구역이 어떤 구역인지 헷갈리지 않게 적어두었다. (내가 작업하기 편하려고) 이제 상품 이미지를 찾아서 일단 꾸며볼꺼고, 상세내용을 좀 더 수정해줄꺼다. 추가로 글꼴을 입혓으며, 전체를 하나의 구역으로 묶어 가운데로 읻동시켜주었다. 중간중간 글씨크기를 수정해주기 위해 cl..

Html 2022.05.10

Javascript 전형적인 패턴 연습

오늘도 역시나 개발자 도구의 console창과 함께한다. 여러 예제들을 바탕으로 연습해볼꺼다. (1) 미세먼지(IDEX_MVL)의 값이 40 초과인 구 이름(MSRSTE_NM)과 값을 출력하기 연습에 앞서 아래의 값들을 console창으로 미리 넣어주어야 된다. 좀 길다. 밑에 더보기를 클릭하여 펼치면 나온다. 더보기 let mise_list = [ { MSRDT: "201912052100", MSRRGN_NM: "도심권", MSRSTE_NM: "중구", PM10: 22, PM25: 14, O3: 0.018, NO2: 0.015, CO: 0.4, SO2: 0.002, IDEX_NM: "좋음", IDEX_MVL: 31, ARPLT_MAIN: "O3", }, { MSRDT: "201912052100", MS..

Javascript 2022.05.10