wisePocket

갑자기 Sevlet을 배우고 ,HTML도 배우고. 하나씩 조각난 프로그래밍 언어를 배우다보면 자연스럽게 왜? 라는 물음이 생긴다. 왜 이렇게 많은걸까? 전반적으로 내가 학습하는 것들은 역사적, 시대적 흐름에 따라서 필요에 의해 개발자들을 위해 발전된 것이지 뿅하고 생겨난 것이 아니다. 간단하지만 전반적인 배경을 잘 설명해주는 해설을 찾아서 시청했다. https://youtu.be/PH8-V6ah0XQ그 이후 Spring은 또 어떤 니즈와 어떤 편리함을 위해 개발되었는지 개발자들에게 봄이 왔다는 타이틀의 의미를 연결해야 한다.

새로운 앨범 너무 멋져요!개발하고자 하는 프로젝트의 View 페이지(HTML,CSS)와 JavaScript 연결 테스트용 작성 CSS, JavaScript 모듈화(Static) 및 참조 링크 설정 1. HTML 경로 : (project_root)fan/templates/index.html Body는 Container(Wrap)내 Header / Content / Footer 로 구분 Header : 웹 페이지 타이틀 현재 기온을 나타내주는 부분 #temp 현재 날짜 #date 가수의 노래 오늘 순위 #rank 해당 노래의 순위 변동 #rankdiff Content : (Input form) 응원 댓글을 기록하는 양식은 다음과 같다. 닉네임 (#name)을 input 태그를 통해 value 획득 응원 댓글..

개발하고자 하는 프로젝트의 View 페이지(HTML,CSS)와 JavaScript 연결 테스트용 작성 CSS, JavaScript 모듈화(Static) 및 참조 링크 설정 1. HTML 경로 : (project_root)bucket/templates/index.html Body는 Header / Content 로 구분 Header : 타이틀(title), 백그라운드 이미지 Content : input(#bucket) 텍스트 입력 박스 / 기록하기 버튼 onclick "save_bucket()" 함수 호출 div(#bucket-list)>li*n 형태로 에 추후 save_bucket() 함수의 결과가 1행씩 추가될 예정(이전 프로젝트까지 Footer로 표현했지만 사실상 Footer의 역할은 하지 않기 때문..

개발하고자 하는 프로젝트의 View 페이지(HTML,CSS)와 JavaScript 연결 테스트용 작성 CSS, JavaScript 모듈화(Static) 및 참조 링크 설정 1. HTML 경로 : (project_root)pedia/templates/index.html Body는 Header / Content 로 구분 Header : 타이틀(title), 영화 기록하기(button onclick 이벤트) Content : button을 누르면 content부분에 리뷰를 기록하는 양식(form) 이 나타남 onclick open_box() 함수 호출 리뷰를 기록하는 양식은 다음과 같다. 영화 URL(#url) input 태그를 통해 value 획득 별점(#star) select>1~5option 태그를 통해..

개발하고자 하는 프로젝트의 View 페이지(HTML,CSS)와 JavaScript 연결 테스트용 작성 CSS, JavaScript 모듈화(Static) 및 참조 링크 설정 1. HTML 경로 : (project_root)mars/templates/index.html Body는 Header / Content 로 구분 Header : 간단한 타이틀과 주문 관련 설명 기록 Content : 이름(#name), 주소(#address)는 input 태그를 통해 value 획득 평수(#size)는 select박스에 5개 option을 선택하여 value 획득 table>thead 에 이름, 주소, 평수 컬럼명 3행 지정 table>tbody(#order-box) 에 추후 save_order() 함수의 결과가 1열씩..

HTML, CSS 기초 배운점: HTML, CSS과 Bootstrap 활용을 빠르게 복습 어려운 점: 태그 내의 여러 속성값을 지정하는 방법에 대해서 익숙해지고 검색을 생활화해야 한다. 블로그 링크 : https://ohnyong.tistory.com/3 https://ohnyong.tistory.com/4 CSS 활용 배운점: linear-gradient 를 사용하여 이미지를 어둡게 보정 division태그 내부의 콘텐츠 (Text, Input, Button 등) 을 가운데 정렬 백그라운드 색상 제거 (투명화) transprent 추가적으로 "hover"(마우스 커서가 올라간 경우) 테두리 강조 이벤트를 추가 어려운 점: 기초적인 CSS 꾸미는 태그, 속성 사용법 익혀야 한다. 부트스트랩을 활용하더라도..

아이디와 패스워드 input 속성인 type="text"와 type="password"를 활용 추후에 form태그로 감싸고 method 속성을 통해 통신해야 한다. head태그에서 style태그를 통해 클래스, 아이디 등 선택자를 지정하여 다양한 style을 적용 시킬 수 있다. DOCTYPE html> Document .mytitle { color:red; font-size:40px; } .mybtn { font-size: 12px; background-color: green; color: white; } .mytxt { color: green; } 로그인 페이지 ID : PASS : 로그인 하기 해당 스터디는 아래 깃을 통해 업데이트 되고 있습니다. https://github.com/yzpocket/..

1주차 강의를 통해 HTML, CSS과 Bootstrap 활용을 빠르게 복습 할 수 있었다. 다시 천천히 코드를 작성하고 변화를 관찰하면서 코드 작성법을 익히고 있으며 관련 단축키들도 다시 익숙해지고 있다. // HTML html 주요 태그로는 !doctype 선언문과 html, head, body, div, h1-5, button, input, p, br, img src, label 등 // CSS css 주요 태그로는 color(text),background-color:(background), font-size, font-family, margin, padding, text-align, width, height, border 등 태그 내의 여러 속성값을 지정하는 방법에 대해서 익숙해지고 검색을 생활화..