본문 바로가기

시작179

221025 HTML/CSS 를 이용한 애니메이션 효과-학원 홈페이지 클론코딩 오늘 내가 배운 것 1. HTML - label, CSS - '+' 결합자 2. HTML 속성과 속성 값 3. CSS 속성과 속성 값 4. CSS 선택자 1. HTML-label, CSS- '+' 결합자 HTML- 태그 label에 for 속성, input의 id를 속성 값으로 준다면 label의 데이터를 선택했을 때 input을 선택해 주는 방법이 있다. CSS - “+” 결합자 ex) label + #user 첫 번째 요소의 바로 뒤에 위치하면서 같은 부모를 공유하는 두 번째 요소를 선택하는 결합자 아이디 2. HTML 속성과 속성 값 input 태그의 type="radio" 속성 name=”” 을 이용해서 이름을 정해주고 이름이 같은 radio 끼리 중복 선택이 불가능하다. 보통 성별을 선택하는 항.. 2022. 10. 25.
221022 네이버 회원가입 클론코딩 1. 네이버 회원가입 클론코딩 어제 했던 수업을 다시 처음부터 복습해봤다. https://baekspace.tistory.com/31 221021 CSS와 네이버 클론코딩 오늘 내가 배운 것 1. HTML element 2. CSS 3. CSS 적용시키는 3가지 방법 4. CSS 선택자, 속성, 속성값 1. HTML element 웹사이트 브라우저를 구성을 확인하다 보면 address, section, article, aside 태그를 볼.. baekspace.tistory.com 아쉬운 점으로 밑에 내용이 있었는데 1. 처음에 레이아웃을 짤 때 input 안에 블록을 더 세분화해서 넣었어야 했는데, 세분화하지 못해서 위치를 세세하게 이동시킬 수 없었다. 조금 진행된 상태에서 파악을 한 부분이라 코드 전.. 2022. 10. 23.
221021 CSS와 네이버 클론코딩 오늘 내가 배운 것 1. HTML element 2. CSS 3. CSS 적용시키는 3가지 방법 4. CSS 선택자, 속성, 속성값 1. HTML element 웹사이트 브라우저를 구성을 확인하다 보면 address, section, article, aside 태그를 볼 수 있는데, 이 태그들이 다른 특별한 역할이 있다기 보단 시멘틱 구성 태그이다 어떤 부분이 무엇을 구성하고 있는지 쉽게 파악하기 위한 태그 큰 영역을 놓고 보자면 div와 같은 역할을 한다. 2. CSS Cascading Style Sheets HTML은 데이터를 구분해주는 정도까지만 역할을 한다. 그 데이터를 꾸며주고 모양을 만들어주는 역할은 CSS가 한다. CSS는 단독으로 사용할 수 없고, HTML이랑 같이 사용해야 한다. 3. C.. 2022. 10. 21.
221020 브라우저와 HTML 오늘 내가 배운 것 1. 2진수, 16진수 2. 브라우저와 HTML 3. 자주 쓰이는 태그(엘리먼트)와 속성, 속성 값 1. 2진수와 16진수 컴퓨터는 왜 2진수를 사용하는가? 컴퓨터는 전류가 흐르고, 안 흐르고 (ON/OFF)로만 표현할 수 있다. 그렇기 때문에 0과 1 로만 모든 것을 표현해야 한다. 2진수 1자리 수는 2가지(0, 1)를 표현할 수 있고, 2자리 수는 4가지(00,01,10,11) 를 표현 할 수 있다. 0과 1을 표현하는 1자리 수를 1 bit (비트)라고 하는데, 1bit가 8자리가 되면 8 bit 8bit = 1byte(바이트) = 2 nibble(니블) 이다. 1 nibble은 4bit인데 4bit는 16가지를 표현할 수 있다. 그래서 16진수의 범위와 일치한다. 16진수는 .. 2022. 10. 20.
221017 페어코딩 주말 동안 학원 홈페이지 전체를 만들어 본 사람을 중심으로 3명씩 조를 만들어서 페어 코딩을 진행했다. 페어 코딩 보통 2명이서 한 명은 전략을 제시(내비게이터), 다른 한 명은 실제 코드 (드라이버)를 작성 역할을 바꿔서도 수행한다. (참고 : https://velog.io/@leemember/VS-Code-페어코딩-하는-방법-좋은점) VS Code 페어 코딩 하는 방법 / 페어 코딩의 좋은점 안녕하세요 ! 오늘은 VS Code 내에 있는 페어코딩 하는 방법입니다. 페어 프로그래밍은 애자일 개발 방법론 중의 하나로 하나의 개발 가능한 PC 에서 두 명의 개발자가 함께 작업하는 것을 말합니 velog.io 위에 블로그에서처럼 LiveShare 확장자로 하는 방법도 있다고 하는데.. 우리는 컴퓨터 한 대를.. 2022. 10. 17.
221015~221016 클론코딩 - 학원 홈페이지 만들기 처음부터 끝까지 기존에 작성한 코드를 복사 붙여넣기 하지않고, 학원 홈페이지를 만들어 봤다. 아직 큰 효과를 주는 방법을 배우지 않아서 화려하게 움직이고 이런 동작은 없지만, 레이아웃을 짜는 방법이나, 이미지를 넣는 방법, 배치하는 방법, 등 배운 것을 기반으로 한 기본적인 사이트를 만들어 볼 수 있었다. 내가 주말동안 만들어보면서 '어떻게 하면 이 코드들을 더 짧고 간결하게 쓸 수 있을까?' 를 고민을 많이 하게 됐다. CSS에서 선택자를 이용해서 내가 원하는 블록의 경로를 가는 것 조차 너무 작성 내용이 길어져서 조금 간결하게 쓰고 싶다는 생각이 들었다. 코드 더보기 HTML 학교소개 교육과정 취업정보 커뮤니티 상담신청 Game Architecture 게임 기획 게임기획자를 위한 정석 class 바로.. 2022. 10. 17.
728x90