전체 글53 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. 개인정보의 처리 목적 (‘https://gamekw9154.tistory.com/’이하 'Fire') 은(는) 다음의 목적을 위하여 개인정보를 처리하고 있으며, 다음의 목적 이외의 용도로는 이용하지 않습니다. - 고객 가입의사 확인, 고객에 대한 서비스 제공에 따른 본인 식별.인증, 회원자격 유지.관리, 물품 또는 서비스 공급에 따른 금액 결제, 물품 또는 서비스의 공급.배송 등 2. 개인정보의 처리 및 보유 기간 ① (‘https://gamekw9154.tistory.com/’이하 'Fire') 은(는) 정보주체로부터 개인정보를 수집할 때 동의 받은 개인정보 보유․이용기간 또는 법령에 따른 개인정보 보유․이용기간 내에서 개인정보를 처리․보유합니다. ② 구체적인 개인정보 처리 및 보유 기간은 다음과.. 2020. 8. 12. 개인정보처리방침 1. 개인정보의 처리 목적 (‘https://gamekw9154.tistory.com/’이하 ‘test’) 은(는) 다음의 목적을 위하여 개인정보를 처리하고 있으며, 다음의 목적 이외의 용도로는 이용하지 않습니다. - 고객 가입의사 확인, 고객에 대한 서비스 제공에 따른 본인 식별.인증, 회원자격 유지.관리, 물품 또는 서비스 공급에 따른 금액 결제, 물품 또는 서비스의 공급.배송 등 2. 개인정보의 처리 및 보유 기간 ① (‘https://gamekw9154.tistory.com/’이하 ‘test’) 은(는) 정보주체로부터 개인정보를 수집할 때 동의 받은 개인정보 보유․이용기간 또는 법령에 따른 개인정보 보유․이용기간 내에서 개인정보를 처리․보유합니다. ② 구체적인 개인정보 처리 및 보유 기간은 다음과.. 2020. 8. 6. 10845번 큐 https://www.acmicpc.net/problem/10845 10845번: 큐 첫째 줄에 주어지는 명령의 수 N (1 ≤ N ≤ 10,000)이 주어진다. 둘째 줄부터 N개의 줄에는 명령이 하나씩 주어진다. 주어지는 정수는 1보다 크거나 같고, 100,000보다 작거나 같다. 문제에 나와있지 �� www.acmicpc.net 정수를 저장하는 큐를 구현한 다음, 입력으로 주어지는 명령을 처리하는 프로그램을 작성하시오. 명령은 총 여섯 가지이다. push X: 정수 X를 큐에 넣는 연산이다. pop: 큐에서 가장 앞에 있는 정수를 빼고, 그 수를 출력한다. 만약 큐에 들어있는 정수가 없는 경우에는 -1을 출력한다. size: 큐에 들어있는 정수의 개수를 출력한다. empty: 큐가 비어있으면 1, 아.. 2020. 7. 26. 인공지능 테스트 코드 cmd 명령어? mlagents-learn config/rollerball_config.yaml --run-id=RollerBall --resume, --force 이거 하고 start 하라고 하면 그때 재생하면 됨 교육 다 시켰다하면 컨트롤 C 하면 중지되고 nn 파일 생겼다하면 result 폴더에 생겼을거임 그 파일 프로젝트에 넣고 nn 파일 비어있는데 어사인하고 재생하면 교육 완료된거 재생될거임 스크립트 agent 에 Decision Requester 추가 필수 10으로 설정 파라미터 스크립트에 이름 잘 넣고 = 환경 교육 밑에 이름과 동일해야 함 사이즈 8 continuous 2 등등 잘 설정하기 Floor Plane - position = (0, 0, 0), rotation = (0, 0, 0).. 2020. 7. 15. 이전 1 2 3 4 5 다음
