오늘은 기다리고 기다린 첫 개발자 과외를 하였다. 영어과외, 수학 과외만 해보았지, 내가 해보고 싶은 과외인 개발자 과외를 처음 해 보았는데 만족이다.
처음에는 화면에서 보여 지는 프론트 엔드에 대한 구조와 component의 중요성을 말씀 해 주셨다.
이제 시작 인 만큼 여기에 기록을 남겨서 더 많은 공부와 지식을 쌓아 보려고 한다. 제발 꾸준히 해보길!!!!!!
2020 년 11 월 05일 목요일 7시 10 분 부터 9시 까지 2시간 강남 토즈 2호점 에서..
VS Code를 이용해서 간단히 사용 해보고 구조에 대해서 설명을 하셨다.
HTML / CSS 라는 마크업 언어라고 불리는 부분이 있고 동적으로 만들어 주는 JS가 있다고 한다.
개발자
기획자 디자이너
이 세 사람들이 모여서 하나의 사이트를 만들때 기능/ 정책들을 알고 개발자는 개발을 한다고 한다
화면 설계 에서 개발자는 재사용 가능한 코드를 만드는것이 더 효율적이라고 하셨다. 소프트웨어 개발 과목에서 이런 것들을 배운다고 하셔서 흥미가 생기기 시작 했다.
HTML - header -> 메타테이터가 들어 가는 곳 -> 정보에 대한 내용, 부가 내용, 설정, 스크립트 등이 들어 가는 영역이다.
- body -> View 실제로 우리가 보는 부분을 만드는 곳이다.
<HTML 구조>
| header 영역 |
| nav 영역 |
| content 영역 |
| footer영역 |
input : 텍스트 , 버튼, 등 여러 기능들이 있고 사용자가 원하는 것을 저장하는데 사용 한다고 한다.
div ,span , p ,table 영역을 나누는데 사용 한다.
한가지의 검색 기능을 구현 하기 위해서는 1: N , N:M 등 여러개의 component가 모여서 기능을 만든다고 한다.
여기서 중요한 부분은 관점 내가 어떻게 만들건지 내가 이 기능을 보는 눈이 있어야 한다고 한다. 이 보는 눈을 길러 보려 한다.
내용들이 부족하고 아닐 수도 있지만 요략 해서 기록으로 남기려고 한다.
1부가 끝이 났다.....
2부 에서는 VS Code 실습
이 것을 VS Code로 만들어 보는 작업을 했다. 예전에 국비 지원을 받아서 VS Code 사용 할때는 쉬웟던 것이 안해 보다가 이제 만들어 보니 다 잊어 먹고 가장 기본도 생각이 안났다. 큰일이다... 시작이 반이라 했다. 이제 부터 다시 힘내서 해야 겠다 공부 하고 공부 하고 이 분야에서 진짜 개발자가 되기 위해서!!!
오늘 실슴 해본 코드
만들때는
<div id="header">
<p>
<button >Logo</button>
</p>
</div>div안에 p태그를 넣어서 구역을 만들어 준다고 하셨다.
다시 해보자 다시 공부 하자!!
<body>
<div id="header">
<p>
<button >Logo</button>
</p>
</div>
<div id="nav">
<span>
<input type="text" placeholder="뉴스">
</span>
<span>
<input type="text" placeholder="영화">
</span>
<span>
<input type="text" placeholder="개발자">
</span>
</div>
<table>
<tr>
<td class="1">
<input type="email"> 이메일
</td>
<td class="2">
<input type="text"> 텍스트
</td>
<td class="3">
<input type="password"> 비밀번호
</td>
</tr>
<tr>
<td class="4">
<input type="button"> 버튼
</td>
<td class="5">
<input type="checkbox"> 체크 박스
</td>
<td class="6">
<input type="text"> 텍스트
</td>
</tr>
</table>
<div id="footer">
<input type="text" placeholder="카피라이터">
</div>
</body>
과제는 회사에 있는 코드에 수업시간에 배운 것을 적용해 보고 jsp 파일을 보고 구조를 파악해 보는 것이다.
그리고 질문 하고 또 질문하기!!!! 이제 시작이다.. 아자아자
부족한 내용은 공부를 해서 채워 넣어야 겠다!!! 하나 하나!!
오늘의 감사
오늘도 공부 하게 해 주셔서 감사합니다.
오늘도 마무리 잘하게 해주셔서 감사합니다
오늘 과외 무사히 잘 하게 해주셔서 감사합니다
20.11.05일 목요일을 마무리 하며 ...