프론트앤드

학원에서 코딩수업을 받지만 부족한 부분이 많아서 인강을 알아보고 유튜브를 알아보던 중에 내용도 재밌고 알차보이는 강의를 찾았다... ㅎㅎ 코딩알려주는 누나 (thinkific.com) 코딩알려주는 누나 All Courses 1. HTML/CSS : 웹개발의 첫단계 (9) 5.0 평균 평점 codingnoona.thinkific.com 언니라고 부르고 싶지만 누나.... 무튼 수업이 재밌어서 이거에 맞춘 예제, 공부내용을 여기에 추가로 작성해볼려고 한다. 아무래도 html 1편은 쉬운 내용이라서 금방 진도를 나갔다. DOCTYPE html> 연습 자기소개 안녕하세요 제 이름은 입니다. 요즘 코딩 공부에 한창입니다. 좋아하는 음식 불고기 피자 회 자장면 좋아하는 배우 스파이더맨 예고편 스파이더맨 예고편 좋아..

수요일 저녁 7시에 코딩수업전에 복습 마무리하기위해서 블로그 작성합니다. 어제 #1편에서 만든거 완성품 (html)만 작성한 단계입니다. 우선 html 만 작성해서 가로,세로 등 아무것도 안잡혀 있는 상태로 완성본이랑 다르다... DOCTYPE html> 회원가입양식 회원가입양식 개인정보입력 이름 비밀번호 성별 남자 여자 음료 커피 홍차 주스 한국어 영어 일본어 * 위에서 사용한 주요 태그 정리 autocomplete 자동저장 여부 on 자동저장 off 자동저장해제 autofocus 입력창안에 커서가 자동으로 적용 placeholder 입력창 안에 작성되는 도움말, 힌트 역할 안에 사용되는 속성 name 그룹을 묶어줄 때 사용 value 그룹안에 있는 개인 값 적용 radio 단일선택 checkbox 중..

저번주에 제주도를 다녀오면서 수업을 한번 못들어서 진도가 미뤄졌다... 나름 어제 복습했지만 좀더 보충하기 위해서 티스토리에 작성합니다. 오늘 목표로 하게될 완성본 그럼 파이팅~ 이번에는 html에 만들어놓은 css를 형식을 넣는 방법을 배웠다. 이전에는 html 창에 태그를 작성했지만 폼태그 회원가입 를 작성하면 css 그룹에 내가 작성한 38 css 문서를 연동시키는 것이다. ---------------------------------------------------------------------------- 뒤죽박죽이여서 복잡하지만 form 형식대로 차차 정리하는게 좋아서 1. 로그인 폼 만들기 태그는 하나의 영역으로 묶어주고 외곽선을 그려주는 태그이다. 품 요소에 레이블 붙이는 태그이다. inp..

기초를 공부하면서 앞부분에 복습이 안되니 학원수업 중반부 수업들으면서 자율적으로 공부하기가 어려웠다... 지금이라도 틈틈이 복습하기 파이팅 가장 헷갈린 것 1. block 요소 block 요소란 웹에서 줄바꿈 되어 표시되는 요소 예) div, p h1 ~ h6 등 2. inline 요소 inline 요소란 웹에서 한줄로 표시되는 요소 예) span, a 등 여기서 중요한 점들은 요소를 사용할때마다 원하는 속성으로 바꿔줘야 한다. 먼저 div 블록요소로 html을 작성하고 css에 스타일을 줘본다. 사실 잘 몰라서 유튜브에 (리베하얀님) 공부영상을 보면서 머리 생각 해보았다. 먼저 div 태그 자체가 블럭 요소이며, css에 작성한 border, width, height 이 부분은 블럭요소이므로 가능하다고..