개발세발

[노션 기록] [잘한점] - 무언갈 적극적으로 많이 참여하고 해보려 노력함 : 스터디도 참가하고, 내가 알고 있는 내용 공유도 열심히 해보려고 노력함 - 정리하는 습관을 들이기 위해 매일매일 공부 기록, 해야 할 일을 정리해 나가고 있음 - 수업도 소홀히 하지 않고 열심히 들었음 : 아직까진 학습했던 내용이 많은 부분을 배우고 있지만 그래도 처음에 목표했던 '철저하게 기록 남기기(블로그 글쓰기)' + '제대로 기초 다지기'를 실천해내기 위해서 열심히 듣고 바로바로 블로그에 기록도 잘 남기고 있음 - 배웠던 내용 응용해보기 : 그리 큰 변화를 주고 있진 않지만 배웠던 내용을 가지고 실습하는 시간 때 새로운 방법을 사용해보기도 하고, 다른 분 코드를 참조해가며 같은 내용도 어떻게 다른 방식으로 작성할 수 있..

box-sizing 종류 설명 border-box 테두리까지 포함해서 너비값을 지정합니다 content-box 콘텐츠 영역만 너비값을 지정합니다 콘텐츠 너비를 정확하게 계산시 - contentb-box로 지정 - box-sizing 속성을 사용하지 않기 box-shadow : inset inset : 안쪽 그림자로 그림 border-style 종류 설명 none 기본값(테두리X) hidden 테두리 감춤 solid 실선 dotted 점선 dashed 짧은 직선 double 이중선 두 선 사이의 간격은 border-width groove 테두리를 창에 조각한것 처럼 -> 홈이 파인 듯한 입체 느낌 inset border-collapse : seperate : 창에 박힌것 처럼 border-collapse ..

위치속성 방법 설명 절대 요소의 X좌표와 Y좌표를 설정해 절대 위치를 지정 상대 요소를 입력한 순서에 따른 상대 위치를 지정 position 키워드 설명 static (디폴트) 상대 위치 좌표 설정 relative 초기 위치에서 상하좌우로 이동 absolute 부모를 기준으로 절대 좌표 fixed 화면을 기준으로 절대 좌표 1. position : static -- top, bottom, left, right 속성 값은 적용 안됨 :브라우저의 디폴트 배치 방식 : HTML 태그의 작성된 순서대로 출력 위치를 정함 PowerPoint 프레젠테이션 2. position: relative -- 처음 있던 위치를 기준으로 이동 + 값을 기준으로 옆에 무언갈 생긴다는 느낌으로 생각하기 - top/bottom 동시..

배경속성 속성 설명 background-color 색상 지정 background-image 이미지 지정 background-size 이미지의 크기 지정 background-repeat 이미지의 반복 형태 지정 background-attachment 이미지의 부착 형태 지정 : 화면의 어디에 고정시켜 둘 지 지정하는 것 background-position 이미지의 위치 지정 background (단축 속성) 한 번에 모든 배경 속성 입력 (*) 실습 [코드] [결과] (*) 사진이 안떠서 이래저래 해보다가 알게된 것 사진 2개를 겹치는 경우 투명부분이 없으면 겹쳐서 보이지 않고 첫번째 이미지만 노출이 됐음 background-image 에서 이미지 url를 연달아 작성하는 경우 1번이 제일 뒤, 그 뒤부터..