개발누나

CSS 시작 :) CSS로 스타일을 익히는 방식 - Cascading 방식 (=계단식. 덧칠하기) - tag는 본래 스타일을 가지고 있는데, 원래 스타일에서 Cascading 하면서 스타일을 입히는 것 CSS 속성을 알아야 함 - 스타일 입힐 수 있는 가지?속성? 수 폰트, 배경, 경계선, 색상, 마진, 패딩, 박스 등등 처음이니까 많아보이는 것뿐~~ - 대상 선별 방법 1) 인라인태그 사용 3개 aside.h1은 -> 1개? 3개? (난 3개..) 1개다. a - .a - #a - * 의미 = 모든 aside.a 의 의미는 * 생각보다 많이 쓰는거 ltr 왼쪽에서 오른쪽으로 써지는 rtl 오른쪽에서 왼쪽 ex) 계산기 만들때도 그렇고. dir='rtl' 이런식으로 써줌 h1[dir ='rtl'] 이런식..

수업 일지/HTML, CSS, Flex, Grid 2021. 3. 3. 14:27

// 지난 시간까지 구조만들기 끝 :) - 블록 태그 : 구조 만들기에 사용 - 블록 內 인라인 태그 : 컨텐츠를 마크업하는 태그 developer.mozilla.org/en-US/docs/Web/HTML/Inline_elements Inline elements - HTML: HyperText Markup Language | MDN HTML (Hypertext Markup Language) elements historically were categorized as either "block-level" elements or "inline-level" elements. Since this is a presentational characteristic it is nowadays specified by CSS ..

수업 일지/HTML, CSS, Flex, Grid 2021. 3. 2. 14:18

금요일 수업이 끝난 후 다른 분이 먼저 오늘 회의 추가로 하면 어떠냐고 해서 오후 10시부터 시작한 회의가 지금 자정이 거의 다 되어 끝났다. 서로 다들 진지하게 아이디어 내고, 정말 배포까지 하자고 의지를 다지는데 ... 좋았다. 국비가 코더 양성이고, 별로라고 하는 사람들이 많은데 '하기 나름'이라고 생각한다. 1) 박용우 선생님께 배우면서 내가 치는 한 줄 한 줄의 코드가 어떤걸 의미하는지, 전체적으로 내가 뭘 그려나가면서 코드를 짜고 있는지를 아는 사람이 될거다. 2) 공부와 노력하는거 하나만큼은 내가 자신있다. CS 지식이든 기술 면접, 코테든 다 나에게 달려있고 해낸다. 다음주 월요일 3월 1일 휴일인데 정말 좋다!!! 한 주 한 주 선택과 집중해서 뭐든 끝내고 나아가는걸 습관화 할건데 이번주..

개인/Today 2021. 2. 27. 00:06

1. html 내 컨텐츠는 5가지! (제목, 목록, 문장, 표, 입력폼) 그런데 맨 초반에 작성해봐서 알지만, 이렇게만 구분해서 만들면 구분이 안가서 힘들기에 블록화를 한다. 2. 문서의 필수 블록 - header, main, footer (컨텐츠 블록 감싸는 블록) 블록들의 아웃라인 계층을 h1 ~ h6 잡는데 넘버링 불편하니 -> section 등장 3. section, articel, aside, nav section 태그를 쓰면 -> 반드시 제목이 있어야 한다. 이제 남은 부분을 만들어주는데, 표 부분 Q. 이 부분은 어떻게 해줘야 할까! cf) 내가 한 거 "코드에 답은 없다." - 욕먹지 않을 정도로 작성하면 된다. ex) section에 이름을 안적어준다거나. 현직에 있는 개발자들 실력이 어..

수업 일지/HTML, CSS, Flex, Grid 2021. 2. 26. 14:28

개발누나. 국비 개강 전 만든 블로그 이름인데 국비 수업 시작하면 정말로 내가 가장 나이가 많을 줄 알았다. 그래서 마음 속은 아직 학생인 나 자신에게 블로그에 접속할 때마다, 어리지 않다는걸 상기시켜주기 위해 '개발누나'라는 네이밍을 생각했었다 ㅎㅎㅎㅎㅎ 개발자...로 시작하는 네이밍이 뭔가 더 책임감을 부여해줄까 싶어서 바꾸려고 했는데, 위에 글을 적으면서 다시 생각이 바뀌었다. 개발누나만큼 꽂히지는 않네 ㅎㅎㅎㅎㅎㅎ p.s 이제부터 실습이 많이 시작된다고 한다. 오늘 front-end 따라가는 거 쉬운거였는데 중간에 놓쳤다 ㅠㅠ 흠. 앞으로는 블로그에 그때그때마다 캡쳐하고, 설명을 쓰는 것보다 집중해서 보고! 바로 실습할 수 있도록 하는 방식이 더 좋을 것 같다. (내일부터 노트 준비!!!) 놓치지..

개인/Today 2021. 2. 25. 18:46

기획하고 > 페이지 만들고(폴더) > 컨텐츠 만들기 - 아웃라인 잡기 (제목+내용. 이거 하나로 감싸주기!) - 제목과 내용을 감싼 블록이 제대로 되었는지 확인 어떤 문서를 만들든 header, main. footer는 필수 - id는 변수명과도 같아서, 만드는 사람 마음 (어떤 사람은 head, body, copyright라고 쓰기도 하고. 어떤 사람은 top, content, bottom이라고 쓰기도 하고. head, main, owner라고도 하고) - 웹에서 '크롤링'이라는게 등장 그런데 위에처럼 규칙이 정해져있지 않다보니까... 통일감이 없음 (크롤링 하려는데 난감난감;;) -> 통일감을 부여주기 위해 header, main, footer는 div로 id로 이름을 부여하지 않고 (그럼 제각각 쓰..

수업 일지/HTML, CSS, Flex, Grid 2021. 2. 25. 14:29

* 지난 시간 복습 - 웹 퍼블리싱 = 웹 문서 만들기 (html, css) - 문서 구성 요소 : 컨텐츠, 구조(html), 스타일(css) - html의 역할은 구조를 만드는 것 이 구조는 로 만들 수 있다. - 컨텐츠 블록 5가지 : 제목, 목록, 문장, 표, 입력폼 - 컨텐츠들이 구분되어 블록화되면, 이 블록들에는 제목이 있어야 함 제목달기 = 아웃라인 잡기 제목 태그 ~ - html outliner를 이용해 제목을 확인 : 문서 내에서 한 개만 존재 가능 (표지에 해당하는 큰 제목 개념) * 컨텐츠의 일반적인 영역 구성 - main 컨텐츠 - main 컨텐츠 외의 것들은 : 다른 곳으로 이동할 수 있도록 하는 거라고 한당 나머지는 뭐가 되는거지? header의 제목은 - 이 안에서 전체 페이지가..

수업 일지/HTML, CSS, Flex, Grid 2021. 2. 24. 14:22

404 error : 사용자가 요청할 수 없는 곳에다가 요청을 했구나 / +a... * 홈 -> 로그인 -> 다시 홈 갈 수 있도록 해주기 index.html에서 - login은 member안에 있기에 member/login.html이라고 해주기 login.html에서 - ../ (상위폴더에서) index를 찾아줘. ../index.html 라고 해주기. // 재밌네~ 왔다갔다 할 수 있구나. * 내가 있는 경로로부터 다른 경로 찾아가기 (상대적으로) - home directory에 있는 파일들이, member/login.html - member/? 가 상위에 간다고 하면? * 로그인 페이지에서, 공지사항 목록 페이지를 가려면 그림 5 - 상대경로 - 내가 어딨냐에 따라서 위치를 따라가는 *절대경로 (내..

수업 일지/HTML, CSS, Flex, Grid 2021. 2. 23. 14:53