API에 대해 간단하게 알아보자. API란 무엇인가요? API는 정의 및 프로토콜 집합을 사용하여 두 소프트웨어 구성 요소가 서로 통신할 수 있게 하는 메커니즘입니다. 예를 들어, 기상청의 소프트웨어 시스템에는 일일 기상 데이터가 들어 있습니다. 휴대폰의 날씨 앱은 API를 통해 이 시스템과 "대화"하고 휴대폰에 매일 최신 날씨 정보를 표시합니다. API는 어떻게 작동하나요? API 아키텍처는 일반적으로 클라이언트와 서버 측면에서 설명됩니다. 요청을 보내는 애플리케이션을 클라이언트라고 하고 응답을 보내는 애플리케이션을 서버라고 합니다. 따라서 날씨 예에서 기상청의 날씨 데이터베이스는 서버이고 모바일 앱은 클라이언트입니다. API가 생성된 시기와 이유에 따라 API는 네 가지 방식으로 작동할 수 있습니다...
jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [완성본]2-3. 이메일 도메인만 얼럿 띄우기 클릭 3. HTML 붙이기/지우기 연습 3-1. 이름을 입력하면 아래 나오게 하기 [완성본]3-2. 다지우기 버튼을 만들기 이름 붙이기 다지우기 세종대왕 임꺽정
JQuery는 HTML 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 라이브러리다. document.getElementById("element").style.display = "none"; $('#element').hide(); 예를 들면 위의 자바스크립트의 코드를 Jquery를 사용해 짧게 나타낼 수 있는 것이다. 이런 Jquery를 사용하기 위해서는 사전에 '임포트'를 해야 한다 위의 코드는 임포트 코드이다. css와 마찬가지로, Jquery를 쓸 때에도 대상을 지정해야 조작이 가능하다. css는 class를 사용했다면, Jquery는 id를 사용해 태그를 한다.( 안) Jquery의 몇 가지 기능들을 둘러보자. $('#post-box').show() $('#post-box').hid..
# 별칭 alias 사용해보기 select payment_method, count(*) as cnt from orders o where o.course_title = '앱개발 종합반' group by payment_method # 앱개발 종합반의 결제수단별 주문건수 세어보기 select payment_method, count(*) from orders where course_title = '앱개발 종합반' group by payment_method order by count(*) desc # 구글을 사용하는 성씨별 회원수 세어보기 select name, count(*) from users where email like '%@gmail.com' group by name order by count(*) # ..
앞서 해본 HTML, CSS는 각각 뼈대와 꾸미기를 담당했다면, 이번에 배울 JS는 웹페이지의 동작을 하게 만드는 언어이다. 이번 시간에는 JS에서 쓰이는 기본적인 코드를 배워보았다. 코드작성은 html형식의 파일에서하고, 코드 실행은 크롬의 콘솔탭에서 했다. function is_adult(age) { if (age >= 20) { console.log('성인입니다.') } else {console.log('청소년 입니다.') } } // 반복문 let a_list = ['사과', '배', '감', '딸기'] for (let i = 0; i < a_list.length; i++) { console.log(a_list[i]) } let scores = [ {'name': '철수', 'score': 90}..
저번 시간에 만들었던 영화 포스트 웹페이지에 별점 탭을 추가해보았다. 안의 코드 .mypost { max-width: 500px; width: 90%; margin: 20px auto 0px auto; box-shadow: 0px 0px 3px 0px gray; padding: 20px; } .btn { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 10px; } .btn > button { margin-right: 10px; } max-width와 width: %를 이용해서 모바일이나 웹페이지를 축소시켰을때 원활하게 사용할 수 있게 맞출 수 있었다. 안의 코드 영화 URL 별점 --..
# Group by: 동일한 범주의 데이터를 묶어준다. # Order by: 깔끔하게 데이터를 정렬한다. select * from users group by name # 위에서부터 한 번에 쓴다는 생각 말고 위처럼 미리 작성 후 아래와 같이 작성하는 순서로 배우자. select name, count(*) from users group by name # users 테이블 전체 불러오기 select * from users # users 테이블에서 '신'씨를 가진 데이터만 불러와서 개수 살펴보기 select count(*) from users where name like '신**' # group by를 사용해서 '신'씨를 가진 데이터가 몇 개인지 살펴보기 select name, count(*) from use..