🎉 오늘 한 일
☑️ 9시 알고리즘 특강 수강
☑️ 매니저님과 상담
☑️ 튜터님과 1:1 면담
☑️ html 기본 문법 익히기
☑️ 과제 기능 하나씩 구현 시도하기
💡 새로 알게 된 것
기본에 충실하기 위해 반응형 웹퍼블리싱 책을 보면서
쭉 내용들을 살피고 정리하는 내용이다.
1. HTML 기본 문법
<p> // <> 태그(tag)
<> 시작 ~ </> 끝 // 요소(element)
<a href = "index.htm"> // href(속성-attribute)
index.htm(값-value)
이런 요소들로 웹문서 작성하는 것 // 마크업(markup)
2. 기본 문서 구조
1. <html>요소 안 : <head>, <body>요소
2. <head>요소 안 : <meta> 문서의 설명, 키워드, 저자 등 지정
<title> 문서의 제목 지정
<link> 외부 CSS 파일 연결시 사용
<script> 자바스크립트 선언시 사용
<style> 문서 내 직접 CSS 정의3. 자주 쓰이는 요소의 종류와 역할
1. 제목 : <h1 ~ h6>
2. 단락 정의 : <p>
줄바꿈 : <br/>
구분선 : <hr/>
3. 이미지(image)
<img src="이미지 파일명" width="가로길이"
height="세로길이" alt="대체 텍스트" />
4. 링크(link)
<a href ="url">텍스트 or 이미지</a>
5. 목록(list) : <ol><li>항목의 내용</li></ol>
순차적 목록(ol)
6. 테이블(table) - 표 만들기, <tr> 행, <td> 열
<table>
<tr>
<td>내용</td>
</tr>
</table>
7. 폼(Form) - 온라인 서식에서 작성한 값들을
서버 프로그램(서식값 처리)으로 전송하는 역할
<form action = "서버프로그램 URL" method="get이나 post방식"
</form>
8. type 속성변경(input) - 다양한 폼 컨트롤을 생성
!! 각 타입별 속성,값은 생략함. 특징적인 부분만 표기했음
<input type = "text" /> // 한 줄 글 입력상자
<input type = "password" /> // 비밀번호 입력상자
<input type = "submit" /> // 전송 버튼
<input type = "reset" /> // 초기화 버튼
<input type = "button" /> // 범용 버튼
<input type = "image" /> // 이미지 버튼. alt 속성 반드시 명시
9. 그룹핑(Grouping) : <div>요소, <span>요소🤔 하루 돌아보기
이번주 내내 개인 과제, 알고리즘 등 각종 특강, JS 문법 숙지 등 계속 input만 하는 느낌이라 내 머리도 몸도 결국 과부화가 왔다..
매니저님과 상담도 하면서 생각 정리좀 했는데 지금 상황에서는 JS 문법을 숙지하기에는 버거움이 커서 차근 차근 익혀야 한다는 점..
튜터님과 상담할때 개발자의 현실에 대해서 듣게 되었는데 희망적인 얘기도 해주셨다..
개인과제는 id 를 alert 표시하면 검색창에 필터기능이 안되고, 필터기능이 되면 alert가 안되고... 뭐가 문제일까나..
오늘은 요런저런 상담과 고민의 날... 내일이면 요 생각들을 잘 정리해보자 !
📝 내일 할 일
□ 9시 알고리즘 특강 수강
□ JS 문법 종합반 과제와 필요한 부분 수강
□ CSS 정리, JS 기본 문법 정리
□ 개인과제 시도해볼 수 있을 만큼 기능 구현
웹 프론트엔드(React) 주니어 개발자 준비중입니다