패스트캠퍼스

Java & SpringBoot로 시작하는 웹프로그래밍 : 자바 인강 - Ch.1

내배카로 시작하는 Java 교육 오늘부로 시작 ^_^ JDK, JRE, Eclipse까지 설치 후 처음으로 자바 프로젝트 생성!! 새 파일 생성 단축키는 Ctrl+N 이다. 모든 클래스는 패키지 안에 들어있는 게 좋으므로 패키지를 생성하고 파일을 만든다. 패키지는 일종의 소스 묶음으로 생각하자~ 참고로 패키지 이름은 소문자로, 클래스는 첫 글자를 대문자로 작성하는게 좋다. 처음으로 클래스를 생성 해 보았다. Project탭의 Build Automatically가 체크되어있다면, 저장(단축키 : Ctrl+s) 할 때 마다 자동으로 컴파일이 된다. 생성했던 폴더를 보면 src 폴더 안에는 우리가 만든 .java파일이 있고, bin 폴더 안에는 실제로 구동될 컴파일 된 .class 파일이 존재하는걸 확인할 수..

패스트캠퍼스 챌린지 14일차 - Part1. Ch8

이번엔 css의 배경과 관련된 내용을 살펴보자!! background-color : 요소의 배경 색상을 지정하는 속성으로 기본값은 투명한 transparent이다. background-image : 요소의 배경 이미지 삽입 속성. url("경로") 와 같이 값을 넣어주면 된다. background-repeat : 요소의 배경 이미지 반복 속성으로 기본값은 바둑판식으로 반복하는 repeat이다. repeat-x는 이미지를 수평 반복, repeat-y는 이미지를 수직 반복, no-repeat는 반복 없는 값이다. background-position : 요소의 배경 이미지 위치 속성. top, bottom, left, right, center와 같이 방향으로 입력하거나 px, em, 등 단위로 지정하는 총 2..

패스트캠퍼스 챌린지 13일차 - Part1. Ch8

이번에는 글꼴과 관련된 속성들을 살펴보자. font-style : 글자의 기울기를 설정하는 속성으로 기본값은 기울기가 없는 normarl이다. italic은 이텔릭체(기울어진 글자) 이다. font-weight : 글자의 두께(가중치)를 설정하는 속성이다. 기본값은 normal, 400이며 두껍게는 bold, 700 이다. 100-900 사이의 100단위의 값을 입력할 수 있다. font-size : 글자의 크기를 지정한다. 기본 크기는 16px이며 px, em, rem 등 의 단위로 값 지정이 가능하다. line-height : 한 줄의 높이를 설정하는 속성으로 행간과 유사하다고 보면 된다. 숫자를 입력하면 요소의 글꼴 크기의 배수로 지정되며, 단위를 이용해 설정할 수도 있다. 배수를 사용하는 방법을 ..

패스트캠퍼스 챌린지 12일차 - Part1. Ch8

border-radius는 요소의 모서리를 둥글게 깎는 요소이다. 만약 10px로 설정하면, 모서리 부분에 반지름이 10px인 정원을 배치하고 둥근 부분만큼 모서리를 깎아낸다. 값은 왼쪽 위 모서리부터 시계방향으로 4개를 적용시킬 수 있다. (ex. border-radius: 0 10px 0 0) box-sizing은 요소의 크기 계산 기준을 지정하는 속성이다. 요소의 내용으로 크기를 계산하는 content-box, 요소의 내용+padding+border로 크기를 계산하는 border-box 두 가지 값이 있으며 기본값은 content-box이다. 음.. 그러니까 가로너비를 100px로 지정하고 padding 20px border 4px 이렇게 지정하면 100에 48px만큼 크기가 커지게 된다. cont..

패스트캠퍼스 챌린지 11일차 - Part1. Ch8

이번엔 margin 속성에 대해 알아보자. margin은 요소의 외부 여백을 지정하는 속성으로, 특이하게 음수도 사용할 수 있다. 기본값은 외부 여백이 없는 0이며, 브라우저가 여백을 계산하는 auto는 가운데 정렬에 활용된다. margin-top, right, bottom, left에 각각 여백을 따로 줄 수 있으며, 값을 하나만 넣어주면 위아래 좌우에 모두 적용된다. 또는 값을 두 개 넣어주면 각각 위아래, 좌우로 세 개 넣어주면 위, 좌우, 아래로 네 개 넣어주면 위 오른쪽 아래 왼쪽 이렇게 적용된다. 참고로 음수 값을 넣어주면 외부 여백이 줄어들어 요소들이 겹칠 수도 있다. 다음으로 padding은 margin과 반대로 요소의 내부 여백을 지정하는 속성이다. 기본값은 내부 여백이 없는 0이며 단위..

패스트캠퍼스 챌린지 10일차 - Part1. Ch8

Ch.8 CSS 속성 CSS에서 속성은 Properties로 HTML의 속성 Attributes와는 표현이 약간 다르다. 크게 박스 모델, 글꼴 문자, 배경, 배치, 플렉스, 전환, 변환, 띄움, 애니메이션, 그리드, 다단, 필터로 나눌 수 있다. width 와 height는 요소의 가로 세로 너비를 지정해준다. span 은 인라인 요소로 기본값은 포함한 콘텐츠 크기만큼 설정되고, div 는 블록 요소로 기본값은 가로는 부모 요소의 크기만큼, 세로는 포함한 콘텐츠 크기만큼 설정된다. 인라인 요소는 가로 너비가 최대한 줄어들려 하고, 블록 요소는 최대한 늘어나려 한다는 게 차이점이다. 그리고 인라인에는 width와 height를 설정할 수 없다는 점 다시 상기하자!! max-width, max-height..