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 + 불투명 크기 단위 절대적인 단위 픽셀 상대적인 단위 퍼센트 : 부모 태그에 대한 상대적인 크기, 크기를 바꾸고 싶으면 부모의 크기만 바꾸면..

새해가 벌써 15일이나. 지났습니다. 다들 목표했던 것들은 잘 이뤄나가고 계신가요? 저는 코드잇 강의를 수강하며 '도전 30일 코딩 캠프' 덕분에 더 열심히 꾸준히 공부를 하고 있습니다! 제가 현재 1월 도전 30일 코딩 캠프에 참여하고 있는 만큼 이에 대한 후기와 설명을 작성합니다! 도전 30일 코딩 캠프란? 새해 목표가 작심삼일에서 끝나지 않도록 코드잇에서 제공하는 신년 한정 30일 밀착 관리 캠프입니다! 사진에 보이듯 7개 이상의 토픽을 완료하면 미션 성공이며 내 수강 랭킹이 나타나 있기에 매일 랭킹을 올리고자 더욱 열심히 수강하게 된답니다. 🔥🔥 또한 달력에 내 출력 횟수도 뜨기에 매일매일 출석을 해야할 것만 같은 강박이..... 출석에 집착하는 저로써 매일 출석하기 위해 노력하는 중입니다 😅 도..

이 글은 코드잇의 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은 사용자 이름..

새로운 한 해가 시작된만큼 모두가 다양한 도전을 시도할 것이며 🧑‍💻코딩 🧑‍💻 은 앞으로 더 더 더욱 중요한 능력 중 하나라고 생각한다. 컴퓨터공학이 전공인 만큼 올해 전공에 대한 계획을 세워보고자 한다. 이 계획을 공유하며 다들 새로운 도전을 하고 함께 성장하길 바랍니다🤗 가장 먼저 코드잇 앰배서더 2기로 활동하게 된 만큼, 코드잇을 어떻게 활용할지 계획을 세우게 되었다. 코드잇? 코드잇이란 온라인으로 코딩을 비롯하여 각종 CS 지식을 학습할 수 있는 사이트이다. 특히나 코드잇은 프로그램 설치 없이 코딩 연습을 할 수 있고, 짧은 강의 시간 및 다양한 학습 도구를 제공하여 더욱 효과적으로 학습할 수 있다. 코드잇은 이런 점이 좋다. 어떻게 공부를 시작해야할 지 막막할 때 코드잇에서 제공하는 로드맵을 ..