공부8 CSS #1 기초 이론 정리 https://www.youtube.com/watch?v=gGebK7lWnCk&list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y&index=7 1. 의미, 정의 CSS 란? Cascading Style Sheet 의 약자 - 여기서 Style Sheet는 스타일을 잘 정리한 문서 한장 이라고 말한다면 Cascading은 정의된 세부적인 정의가 있다면 그것을 쓰고 없다면 다음 기본으로 지정된 것으로 넘어가는 것을 말한다. 웹 사이트를 스타일링 할 때 총 크게 3가지로 나눌 수 있다. Author Style - 웹사이트를 만들 때 제공하는 CSS 파일 User Style - 사용자가 지정한 스타일링, 사용자의 취향에 맞게 브라우저에서 스타일링을 바꿀 수 있게 하는 것 Browser - .. 2022. 7. 28. HTML #2 Tag 파란색은 Box 사용자에게 보여지지 않는 태그 빨간색은 Item 사용자에게 보여지는 태그 자동 랜더링 Item tag : href 링크 걸 사이트 주소 입력 target 어떻게 창을 열것인지 정의 위에는 _blank 로 새로운 창으로 사이트 연다고 한 것 그래서 옆에 보면 Click 떠있는거 보임 누르면 새로운 구글 창이 나옴 자세한 설명은 하단 docs 링크 참고 developer.mozilla.org/en-US/docs/Web/HTML/Element/a Text Tag : Block, Inline Inline 옆공간에 있음 Inline 옆공간에 있음 (CSS로 꾸미기 가능) Block 옆에 공간이 있음에도 밑에 줄로 내려와있음 List (ol vs ul) tag 쓸때 ol>li*3 이렇게 즉 orde.. 2020. 9. 28. HTML #1 기본개념 위 파란색 박스 main에는 이렇게 section으로 나뉘어져 한 section 안에 article로 구분되어 질수있다 옆에 이미지 article 안에는 텍스트 본문과 아이콘이 있다 이렇게 반복되고 재사용이 가능한 걸 묶어둔 것이 article이다. box 안에 들어있는 것들이 섹션 나뉘어지는 태그이다 특히 section 안에서 article이 여러개 들어갈수있고 div 는 스타일링이 필요할때 컬러를 넣거나 묶어야할때 사용된다 굉장히 많이 쓰는 태그 어디서나 사용가능 item은 사용자들에게 보여지는 태그 모음 a 는 링크 걸 수 있는 태그이다 item 태그들을 크게 2가지로 나누어서 생각해보면 좋다 밑에 두가지가 배치되는 구조가 조금 다르다 ↓ 위와 같이 노란색 박스를 핑크색 옆에 배치하려고 해보자 Bl.. 2020. 9. 25. HTML 공부 jsbin.com/sozeyuyoto/edit?html,output JS Bin Sample of the bin: jsbin.com 위 링크 들어가면 따로 프로그램 설치 없이 html을 바로바로 확인 가능한 페이지 html은 크게 2개로 분류됨 head - 빨간박스 UI 요소는 없음 인터넷에 검색할때 사용되는 title 이나 부가설명 그리고 북마크 추가할때 나오는 제목이나 아이콘 등을 정의함 즉 사용자에게 보여지는 것은 없고 상세설명으로 meta data 만 가지고 있다 body - 파란박스 사용자에게 보여지는 UI 적인 부분 아주 중요 위 이미지 보는 것과 같이 파란 박스 부분은 오른쪽 부분과 같이 바로 눈에 보여지게 됨 사용한 태그 설명은 하단과 같다 h1 => heading 큰글씨 h2 => hea.. 2020. 9. 22. Spring Rest API 만들기 Rest API GET, POST, PUT, DELETE 등을 만들어 보았다 처음에는 Param으로 받아와서 했는데 Body Json으로 입력해서 넘겨 Object로 받아서 변환하고 저장하는 걸로 바꿨다. 여기서 Json 사용하려면 Jackson이란 라이브러리를 추가해야 한다. (Jackson은 JSON 데이터 구조를 처리해주는 라이브러리) STS4 버전을 사용중이고 Spring Dependency Versions 들어가서 Jackson 검색했더니 2.11.2 버전이 나왔다 mvnrepository 들어가서 Jackson 2.11.2 버전에 맞는 maven 복사해서 pom.xml 부분에 추가했다. package com.example.demo.controller; import org.springframew.. 2020. 9. 17. Spring boot 공부 시작 goddaehee.tistory.com/category/3.%20%EC%9B%B9%EA%B0%9C%EB%B0%9C/3_1_3%20%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8?page=1 '3. 웹개발/3_1_3 스프링부트' 카테고리의 글 목록 네이버, 구글에 "갓대희 " 또는 "갓대희의 작은공간" 치시고 방문 부탁드려요. goddaehee.tistory.com www.youtube.com/watch?v=nrxzK_ky3uc start.spring.io/ 위 링크 들어가서 프로젝트를 하나 만든다 하단 이미지처럼 체크 다 확인하고 빨간색 add 눌러서 오른쪽 세개 추가해서 하단 체크 눌러서 zip파일 다운 다운 후 zip 파일 풀기 STS 들어가서 File 클릭 impo.. 2020. 9. 16. STS(Spring Tool Suite) 설치 및 설정 STS 설치 찾아보는데 사람마다 다르고 tomcat, jsp 등등 다 따로 찾아봐야했다 나중에 따로 설치할때는 바로 할수있게 정리한다 (Java JDK 설치 후 환경변수 설정 완료 상태) spring.io/tools Spring Tools 4 is the next generation of Spring tooling Largely rebuilt from scratch, Spring Tools 4 provides world-class support for developing Spring-based enterprise applications, whether you prefer Eclipse, Visual Studio Code, or Theia IDE. spring.io 1. Spring 사이트 들어가서 too.. 2020. 9. 16. 자바 공부 클라우드 웹서비스 AWS Java Spring Framework 4.x Mybatis Rest API Mysql 연동 React, 웹 앱(Spa) AWS 백엔드 Node express orm Rest API mongodb Redis 반응형 웹 페이지 GAE 도서 추천은 반응형 웹 실전 프로젝트 가이드 토비의 스프링 상, 하 유튜버 및 강의 추천 노마드 코더 엘리 등등 따로 아카데미? 운영하는 강의도 하면 좋음 자바스크립트> 파이썬, 자바 php는 패스 퍼블리셔는 재낌 .net은 재낌(C#) 백엔드 java, Ruby spring framework 4.x ibatis, mybatis (ORM) rest api(서버) DB 스킬 RDBMS (Mssql, Mysql=Maria DB, 관계형 DB) ->프로시져.. 2020. 9. 16. 이전 1 다음
