axnuo

반응형 웹 브라우저 사이즈에 맞춰 디자인이 바뀌는 것~! → 모바일이나 탭 버전을 따로 안 만들어도 된다. 브라우저의 크기에 따라 폰트 크기가 다르게 하려면… h1 { font-size:24px; } p { font-size: 16px; } @media (min-width: 768px) { /*@media는 미디어 쿼리!이*/ h1 { font-size:36px; } p { font-size: 24px; } } → 브라우저의 너비가 768 이상이면 폰트 크기를 키우겠다는 의미 --- 인터랙티브 자바스크립트! id로 태그 선택하기 document.getElementById를 통해 html의 id 속성을 가진 요소를 쭉 출력할 수 있음 class로 태그 선택하기 document.getElementsByCla..

기본 개념 CSS 규칙 html에서 css 선택자를 통해 스타일을 지정하는 것 id 속성을 사용하여 원하는 태그만 스타일을 변경할 수 있음 head의 style에서 #으로 아이디값을 가져와서 수정 id 값은 중복해서 쓸 수 없음 여러개를 같은 스타일로 지정하고 싶을 때 ⇒ class = “place”라는 속성 css는 .place 로 작성 CSS 파일 css 파일을 만든다.. css는 보통 분리해서 사용함 html에서는 link 태그로 불러옴 ⇒ 색상 단위 색상 이름 red, yellow, white… 색상 코드 숫자랑 알파벳으로 나타난 코드… rgba → rgb + 불투명 크기 단위 절대적인 단위 픽셀 상대적인 단위 퍼센트 : 부모 태그에 대한 상대적인 크기, 크기를 바꾸고 싶으면 부모의 크기만 바꾸면..

이 글은 코드잇의 HTML 핵심 개념 강의를 수강하며 정리한 내용입니다. 코드잇 HTML 핵심 개념 완강! 기존에 리액트로 웹 개발 프로젝트를 진행했었는데 이번 기회를 통해 내가 얼마나 이상한 코드를 짰었는 지 깨달을 수 있는 기회가 되었다.... HTML 개념부터 엉망이었던 것.............. 이제 개념을 다잡았으니 더 효율적이고 가독성 좋은 코드를 짤 수 있도록 노력하겟따!! 네이버 영화 ⇒ 사이트 주소 전체 or 경로로 설정 페이지 안에서 이동 url 맨 뒤에 붙어서 해당 주소 일부분을 가리키는 용도 ex : wiki/한국_영화#광복과_1950년대 ⇒ 여기서 #뒤에 붙은 애들 (h2태그 같은 곳에서 id 속성에 지정해두면 됨 그 이후 href에서 이동할 링크로 넣기) 새 탭으로 열기 tar..

이 글은 코드잇의 Git 강의를 수강하며 정리한 내용입니다. 코드잇 도전 30일 캠프에 참여하며 매주 공부기록을 진행하려 한다. 첫 주에는 Git 강의 총 85개의 레슨을 들었다! 강의를 통해 막무가내로 썼던 git 명령어들을 명확하게 파악할 수 있었고 작업 영역, 브랜치, HEAD의 역할 등에 대해 자세히 알 수 있었다. 강의를 들으며 정리한 내용을 기록한다!! repository와 commit git init : repository 생성 git config user.name “이름” ⇒ 커밋에 이름 같이 저장 git config user.email “asds@asd.com” ⇒ 얘도 마찬가지 git add (파일명) git commit -m “Create commit zz” commit은 사용자 이름..