앞서 해본 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..
내 생애 최고의 영화들 ❤️ 영화 기록하기 ❤️ 여기에 제목이 들어갑니다. 여기에 내용이 들어갑니다. ⭐⭐⭐ 여기에 코멘트가 들어갑니다. 여기에 제목이 들어갑니다. 여기에 내용이 들어갑니다. ⭐⭐⭐ 여기에 코멘트가 들어갑니다. 여기에 제목이 들어갑니다. 여기에 내용이 들어갑니다. ⭐⭐⭐ 여기에 코멘트가 들어갑니다. 여기에 제목이 들어갑니다. 여기에 내용이 들어갑니다. ⭐⭐⭐ 여기에 코멘트가 들어갑니다. 부트스트랩을 이용해서 웹개발을 해보았다. display: flex; flex-direction: column; justify-content: center; align-items: center; 가운데 정렬을 위해 사용된 코드. 4줄이 짝궁으로 따라다닌다. linear-gradient(0deg, rgba(0..
로그인 페이지 아이디, 비밀번호를 입력해주세요 ID :  PW : 로그인하기 저번 시간에 만든 로그인 페이지에서 css를 이용하여 몇 가지 꾸미기를 해보았다. 사용한 기능으로는 구글 웹폰트 적용, 이미지 삽입(image, size, position 문장은 같이 쓴다.) , 여백 조절 방법(magin: 바깥쪽 여백, padding: 안쪽 여백) 세세한 작업은 코드 주석 참고. REVIEW 강의 내용대로 따라 해 보았지만 막상 처음부터 시작하려 했을 때 많은 시간을 버벅거리게 되었다. 많은 경험을 해보고 숙달해보는 것이 많은 도움이 될 것이라고 생각되는 시간이었다.
사용 IDE: Pycham 사용 언어 : HTML(Hyper Text Markup Language) 내용 : 웹개발에는 HTML, CSS, JS와 같은 프로그램 언어가 사용된다. - HTML : 뼈대 - CSS : 꾸미기 - JS : 동작/구동 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button 태그입니다: 버튼입니다 textarea 태그입니다: 나는 무엇일..
# Quiz) # 포인트가 2만 점보다 많은 유저만 뽑아보기! select * from point_users where point >= 20000 # 성이 황씨인 유저만 뽑아보기! select * from users where name = '황**' # 웹개발 종합반이면서 결제수단이 CARD인 주문건만 뽑아보기! select * from orders where course_title = '웹개발 종합반' and payment_method = 'CARD' # 꿀팁) show table로 어떤 테이블이 있는지 살펴보기 # select * from 테이블명 확인하기 # 원하는 정보가 없으면 다른 테이블에도 해보기 # 맞는 테이블을 찾았으면 조건을 걸 필드를 찾기 # select * from 테이블명 where..