PROGRAMMING
-
[ CSS ] CSS 우선순위, color, text style, 박스모델, 위치지정방식PROGRAMMING/HTML, CSS 2022. 5. 13. 23:45
하루입니다. 오늘은 첨으로 CSS 배운 날. CSS 우선순위, color, text style, 박스모델, 위치지정방식을 공부하자. CSS CSS는 html 문서의 디자인을 담당한다. 문법 : Selector(선택자) Declaration(CSS 선언) h1 {color:blue; font-size:12px;} 선택자 스타일을 적용할 대상 엘리먼트(태그)를 지정한다. CSS 선언 선택자에서 지정한 엘리먼트에 적용할 스타일을 선언한다. 각각의 CSS선언은 세미콜론; 으로 구분한다. 아이디는 #으로, 클래스는 .으로, 전체는 *으로 선택한다. CSS 적용하기 CSS 스타일은 inline, internal, external로 표현 가능하다. 인라인 CSS : 태그에 직접 스타일을 정의하는 것이다. 해당 라인에..
-
[ HTML ] 3 tier 구조PROGRAMMING/HTML, CSS 2022. 5. 13. 01:10
우리가 여태껏 만든 자바 프로그램은 키보드입력으로 값을 받았지만, 이제는 고객에게서 값을 받는다. 자바로 하는 일이 따로 있고, html로 하는 일이 있고(html css javascript는 세트), sql로 하는 일이 따로 있고 ... 클라이언트 / 서버 / db로 나뉘어 작업을 분할하기에 3계층 구조. 백엔드를 묶어 주는 게 spring이다. 아직 안 배웠지만 기대되네요. 말로만 들어보던 스프링. 프론트엔드 기술들도 기대된다. 이름 검색해서 코드 이미지들만 봤는데 약간 ... html과 자바를 섞은 느낌. 여기서도 객체 비스무리한 게 나오다니 ... 자바를 더 열심히 할 걸 그랬다. 자바 할 때 넘 힘들었음. 그렇지만 해야 하는 걸 ... 할 일을 하자. 우리가 할 일의 로드맵 같달까 ... 값을 ..
-
[ HTML] inline, block, div, span, id, classPROGRAMMING/HTML, CSS 2022. 5. 13. 00:58
하루입니다. 수많은 엘리먼트와 html과 태그들의 악수 요청 ... 블록 엘리먼트 항상 사용가능한 최대 너비를 차지한다. 항상 새로운 줄에서 시작한다. 블록 엘리먼트의 왼쪽이나 오른쪽에는 다른 엘리먼트가 위치할 수 없다. 엘리먼트의 너비(width)를 지정할 수 있다. 대표적인 태그 h1~h6, p, ol, ul, li, dl, dt, dd, table, form, div article, aside, section, nav, video, footer 인라인 엘리먼트 컨텐츠를 표시하는데 필요한 만큼의 너비만 가진다. 새로운 줄에서 시작하지 않을 수도 있다. 엘리먼트의 너비(width)를 지정해도 적용이 되지 않는다. 대표적인 태그 a, img, strong, em, small, del, b, i, br i..
-
[ HTML ] TAG 태그 정리PROGRAMMING/HTML, CSS 2022. 5. 12. 23:51
하루입니다. 오늘은 HTML의 TAG 정리. 1. TEXT 관련 태그 Heading 태그 ~ 는 Html 문서의 제목을 컨텐츠로 포함하는 태그다. Paragraph 태그는 HTML문서에서 본문의 내용을 컨텐츠로(문단으로) 포함하는 태그이다. Formationg 태그는 Html 문서에서 텍스트의 내용을 다양한 형식으로 표현하는 태그다. Heading 태그 Heading는 Html 문서의 제목을 컨텐츠로 포함. Paragraph는 HTML문서에서 본문 내용을 컨텐츠(문단)으로 포함. Formationg는 Html 문서의 텍스트 내용을 다양한 형식으로 표현. Formationg 태그의 종류는 strong: 진하게 표현해 중요하다는 의미를 포함하는 Strong em: 이탤릭체로 변환해서 강조한다는 의미 del:..
-
[ HTML ] HTML 개요PROGRAMMING/HTML, CSS 2022. 5. 11. 23:02
하루입니다. 오늘은 HTML의 개요 공부. HTML은 HyperText Markup Language의 약자임, 웹용 문서를 작성할 때 나타내는 언어이다. 프로그래밍 언어가 아닌 마크업 언어이다. 마크업은 문서의 내용 - 즉 제목, 본문, 링크, 그림 등을 표시하고 구조화할 때 사용할 수 있는 것이다. 태그는 , , , 과 같이 형태로 사용된다. 태그들 사이에는 부모자식의 관계를 가지는 태그가 있다. 자식 태그는 부모 태그 안에서만 사용할 수 있다. 태그는 속성과 함께 사용할 수 있다. 처음 html을 시작할 때는 아래와 같은 구조이다. HTML 문서의 문서타입을 정의한다. html5버전에서 정의한 작성규칙을 준수해서 작성한 html문서라는 뜻이다. 버전 확인을 위해 HTML 문서의 가장 앞에 적어야 한다..
-
[ VSCode ] Live Server : 페이지가 작동하지 않습니다. 127.0.0.1에서 전송한 데이터가 없습니다. 해결법.PROGRAMMING/오류 모음집 2022. 5. 11. 05:35
하루입니다. HTML/CSS 내용을 나가기 시작했다. HTML은 내가 만드는 걸 보는 맛이라고 생각함. Open with Live Server를 실행했다. 엥 넌 뭐야 갑자기 페이지가 작동하지 않는다고 한다. 당황스럽다. 급히 구글링을 했다. 확장 - Live Server - Setting: Use Local Ip로 체크했다. 잘 돌아간다! 커여운 내 계산기. 웃긴 건 한국어로 틀리면 오류 메세지가 두 번, 영어나 숫자로 틀리면 오류 메세지가 한 번 나온다. 이유 불명. 한글 byte가 더 커서 그런가? * 127.0.0.1는 외부로 전송하는 척 하며 원래의 장비나 장치로 돌아오는 특수 목적(테스트용)의 주소라고 한다. * 작년에는 따로 설정 안 했는데도 잘 됐는데 이번에 갑자기 이러는 이유는 ... 모..
-
[ SQL ] 집합연산자, 상호연관 서브쿼리PROGRAMMING/SQL 2022. 5. 10. 23:13
하루입니다. 오늘 공부할 건 집합연산자와 상호연관 서브쿼리. 집합연산자 한 번의 SQL문으로 결과가 나올 수 없을 때 사용한다. 합집합 SQL1 UNION SQL2 : SQL1과 SQL2의 조회결과를 합한다. SQL1과 SQL2의 조회결과 중에서 중복된 행은 한번만 조회된다. (중복행 하나만 나옴) SQL1 UNION ALL SQL2 : SQL1과 SQL2의 조회결과를 합한다. SQL1과 SQL2의 조회결과를 중복을 포함해서 조회한다. (중복행 모두 나옴) 교집합 SQL1 INTERSECT SQL2 : SQL1과 SQL2의 조회결과에 모두 포함된 행만 조회한다. 차집합 SQL1 MINUS SQL2 : SQL1의 조회결과에는 포함되어 있고, SQL2의 조회결과에는 포함되지 않는 행만 조회한다. 주의사항 S..
-
[ store ] 바로구매, 주문내역확인, 에러PROGRAMMING/DATABASE 2022. 5. 9. 22:31
하루입니다. 오늘은 바로구매, 주문내역확인을 구현했다. 바로 구현 내용이 떠오르진 않더라도, 이런 순서로 이루어져야 한다는 걸 익혀야 한다고 하셨다. [ 바로구매 ] 관련된 테이블이 많다. STORE_ORDERS : 주문정보 저장 STORE_ORDER_ITEMS : 이번 주문에서 어떤 아이템을 구매했는지 (STORE_ORDERS와 1대 다 관계. 얘가 다임) STORE_BOOKS : 주문된 책의 수량을 감소시킨다. STORE_USERS : 주문에 사용한 포인트만큼 감소, 주문으로 적립된 포인트만큼 증가 STORE_USER_POINT_HISTORIES : 변경된 포인트 이력을 저장 VO 클래스는 Order, OrderItem, Book, User, PointHistory가 필요하다. DAO 클래스 Orde..