오늘의 목표
오늘은 챕터 6 을 들어보자!
1-핵심요소 정리 / 2-핵심요소 출력 연습 / 3-주석 / 4-전역속성
끄아 그래도 내일부터 설연휴다아아아
물론 나는 이 강의를 열심히 들어야겠지만...!
오늘은 핵심요소 그리고 주석 강의를 들었다.
퇴근을 일찍한 덕분에 카페에 와서 강의를 들었지
음료가 맛있어서 공부하기 좋은 날이다~!!!
가보쟈고오오
input 요소를 사용할 때도 그냥 input 태그 옆에 쓰고자 하는 텍스트를 넣는 것은 그냥 보기에는 그냥 인풋 태그같아보이지만 태그와 텍스트를 같이 품은 태그가 또 필요하다.
예를 들면,
<input type="checkbox"/>
Apple
>>이렇게 되면 o Apple 체크박스가 완성되지만, 글씨를 클릭할 때 체크가 되진 않음
<label>
<input type="checkbox"/>
Apple
</label>
>>이렇게 되면 o Apple 체크박스 글씨를 클릭할 때 체크됨
그리고 표를 만드는 것도 가능하구나..!! 했다.
사실 디자인프로그램을 만지면서 여기선 표를 만드는 게 참 어렵다. 문서 파일이 아니라고는 하지만 그래도... 표 만드는 게 하나라도 있으면 얼마나 쉬울까 그런 생각을 했는데...! 그게 코드로는 또 이렇게 쉽구나
table
html 값은 입력을 했는데, css 값을 지정해주지 않으면, 이렇게 가운데 사진처럼 선도 칸도 명확하게 구분되지않아 보인다.
그런데 입력된 html에 css 값으로 보더랑 패딩값을 추가하면 맨 오른쪽 이미지처럼 나타난다.
그런데 생각보다 요즘 간단한 모양의 표는 사용할 수 있지만, 복잡한 형태의 표는 많이 사용하지 않는다고 한다.
-
주석
주석은 보통 메모해놓는다 라고 이해하면 된다.
화면에 출력되지 않게 하는 건데, 메모처럼 내가 코드를 입력할 때는 있으면 좋겠고 싶은 그런 것들을 적는 거다.
예를 들면, '이 코드 그냥 삭제 하기 아까운데?' 싶은 그런 내용들 말이다.
나는 맥으로 수업을 듣고 있으니 그 단축키는
'cmd' + '/' 가 된다.
*이건 내가 입력한 코드
HTML에는 표시가
<!-- 내용 -->
이렇게 된다.
*이건 내가 입력한 코드
CSS에는 표시가
/*내용 */
이렇게 된다.
-
전역속성
ID 랑 CLASS 차이
ID는 css에서는 ' # '으로 표현하고, 이름인데 중복하지 않고 고유(유일한)한 요소에 적용시켜야한다.
CLASS는 css에서는 ' . ' 으로 표현하고, 이름인데 이건 중복이 가능한 이름이다.
그래서 보통은 하나만 나타내려고 할 때는 id 태그를 사용하면 좋다.
Data 태그
- 이건 특별한 내용은 모르겠다
와.... 아니 근데 html 이랑 css 까지는 그래도 이해가 되는데...
자바는 정말 이해가 안된다. 너무 어렵다.... 어떻게 하라는 걸까...??
코드 입력하는 것부터 왜? 뭐지? 싶다.
제발 이 강의가 끝나는 날까지 내가 자바를 이해해서 적어도 내 사이트 하나는 반응형으로 멋지게 만들 수 있기를...!
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.
#패스트캠퍼스 #직장인자기계발 #직장인공부 #환급챌린지 #패스트캠퍼스후기 #오공완 #프론트엔드
패스트캠퍼스 [직장인 실무교육]
프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.
fastcampus.co.kr