| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
- 프로그래머스
- Update
- 백틱
- JS
- like
- 리눅스
- MySQL
- Ajax
- 컨트롤러
- order by
- 테이블
- JSP
- 함수
- 동적테이블
- 인라인뷰
- option태그
- 명령어
- Spring
- 동적
- 자바스크립트
- SQL
- 코테
- 변수
- select
- 도커
- post방식
- 배열
- JavaScript
- oracle
- DATE_FORMAT
- Today
- Total
목록전체 글 (279)
bom's happy life
[웹 개발 1 주차] 개발일지 3 - 포스팅박스 만들기 실습
08. 포스팅박스를 완성해보자!(강의실습_) 1. 우선 큰 박스 먼저 만들기 → 그림자 효과 : box-shadow: 0px 0px 3px 0px gray; → 안쪽으로 띄우기 : padding: 20px; 2. 영화 URL → Forms 의 Floating Labels 참고 3. 별점 박스 → Input group의 Custom forms 참고 4. 코멘트 URL → Forms 의 Floating Labels의 Textareas 참고 5. 기록하기, 닫기 버튼 → Button 두 개를 묶을 div를 만들어 display:flex 주기 (네 줄!) → Buttons 참고 (위에 완성본 코드는 강의 자료에서 확인해서 공부하기) 6. 위에 화면을 모바일 처리를 해두자. - 모바일에서는 "가로 사이즈"가 가장..
[웹 개발 1 주차] 개발일지 2 - CSS에 관하여
05. CSS 폰트, 주석, 파일분리 1) 구글 웹폰트 입히기 - 구글 웹폰트 : https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com (1) 마음에 드는 폰트를 클릭한다. (2) [ + Select this style]을 클릭한다. (3) 우측 상단의 모음 아이콘을 클릭한다. (4) Embed 탭을 클릭한다. (5) link 태그를 복사해서 사이에, CSS를 복사해서 사이에 넣는다. 2) 꿀팁! 주석달기 주석은 언제 사용하나요? - 필요없어진 코드를 삭제하는 대신 임시로 작동하지 못하게 하고 싶을 때 or ..
[웹 개발 1 주차] 개발일지 1 - HTML과 CSS의 개념
01. HTML, CSS의 개념 HTML은 뼈대, CSS는 꾸미기 02. HTML 기초 HTML은 크게 haed와 body로 구성된다. -head안에서는 페이지의 속성 정보를, body안에서는 페이지의 내용을 담는다. -head안에 들어가는 대표적인 요소들 : meta, script, link, title 등 -body안에 들어가는 대표적인 요소들 > [코드스니펫]HTML의 기초(필요할 때 코드 찾아서 사용, 외우지X) * 정렬 : 코드의 정렬이 제대로 되어있지 않으면, 코드의 생김새를 파악할 수 없어 오류를 해결하기 어려워진다. 파이참에서 ctrl + alt + L (맥은 cmd + alt + L)로 자동정렬 기능을 사용해서 코드를 정렬한다. 연습) 간단한 로그인 페이지 만들기 [코드스니펫] 로그인 H..