패스트캠퍼스 프론트엔드 올인원 with React 강의 수강 16일차입니다! 오늘은 처음 보는 태그를 학습했는데 어디에서 활용할 수 있나 찾아봤더니, 좋은 글을 발견하여 링크를 첨부합니다. 추가로 태그에 대해 공부했는데, 예전에 실무에서 태그를 표현적 관점으로 잘못 사용했던 경험이 떠올라서 살짝 씁쓸했네요. 😥 오늘은 14~15. 문자 콘텐츠 - DL, DT, DD, P, HR 에 대하여 학습했습니다. , , : https://developer.mozilla.org/ko/docs/Web/HTML/Element/dl HTML dl 요소는 설명 목록을 나타냅니다. dl은 dt로 표기한 용어와 dd 요소로 표기한 설명 그룹의 목록을 감싸서 설명 목록을 생성합니다. 주로 용어사전 구현이나 메타데이터(키-값 쌍 ..
패스트캠퍼스 프론트엔드 올인원 with React 강의 수강 15일차입니다! 오늘은 이 때까지 배웠던 컨텐츠 구분 태그를 활용하여 예제 코드를 짜보고 이후 또 다른 태그에 대하여 학습했어요. 이번 예제 코드를 짜면서 몰랐던 CSS의 속성에 대하여 알게 되어 재미있었습니다. (box-sizing 등) 강사님께서 레이아웃을 잡을 때 tomato 색상을 즐겨 쓰시는데 이 색도 최애색이 될 것 같습니다. 😎 예전에 실무할 때에는 형광 yellow나 aqua를 사용했었거든요.... 오늘은 12. 콘텐츠 구분 - 예제 / 13. 문자 콘텐츠 - OL, UL, LI 을 공부했어요! 예제 (GitHub 메인 페이지 클론코딩) ◾ header, nav, section, article, aside, footer 로 레이아..
패스트캠퍼스 프론트엔드 올인원 with React 강의 수강 14일차입니다! 요즘은 HTML에서 의미를 가지고 있는 컨텐츠 구분 태그에 대하여 학습하고 있는데요. 오늘은 예제 실습까지 들으려다가 오후 내내 일정이 있어서 개념 학습까지만 하고 밖에 나갔다 왔어요. 바깥 일정 때문에 체력을 80% 이상 쓰고 돌아와도 패캠 공부한 걸 복습하며 블로그 글을 쓰게 만드는... 환급 이벤트 😎 오늘은 08~11. 콘텐츠 구분 - , , , 에 대하여 공부하였습니다. https://developer.mozilla.org/ko/docs/Web/HTML/Element/aside : 별도 구획 요소 HTML aside 요소는 문서의 주요 내용과 간접적으로만 연관된 부분을 나타냅니다. 주로 사이드바 혹은 콜아웃 박스로 표현..
패스트캠퍼스 프론트엔드 올인원 with React 강의 수강 13일차입니다! 오늘은 밖에 나갈 일이 있어서 오전에 강의를 좀 들어두고, 밖에서 버스 기다리면서도 잠시 들었어요. 어제에 이어 오늘도 컨텐츠를 구분하는 태그들에 대하여 학습하는 시간이라 재미있게 들었습니다. 태그만 쓰는 것이 아닌, 의미가 있는 태그들을 골라서 사용하려면 다소 머리가 아플 수 있지만, 브라우저가 용도에 따라 읽어내는 태그를 사용한다면 여러 사용자들에게 편리한 서비스를 만들 수 있겠죠! 오늘은 05~07. 콘텐츠구분 - MAIN, ARTICLE, SECTION 을 공부했어요. https://developer.mozilla.org/ko/docs/Web/HTML/Element/main HTML main 요소는 문서 body의 주요 ..
패스트캠퍼스 프론트엔드 올인원 with React 강의 수강 12일차입니다! 작심삼일의 네 고비를 넘겼네요 😎 이렇게 몇 고비만 더 넘기면! 50일 환급 이벤트를 성공적으로 마무리하겠죠!! 어제까지는 태그 안에 들어가는 메타 데이터나 다른 태그, 속성들에 대하여 알아봤다면 오늘부터는 태그 안에 들어가는 콘텐츠 구분 태그와 문자 콘텐츠에 대하여 공부할 거예요. 이번 커리큘럼은 클립 양이 꽤 되어서 다음 주 중후반 쯤에야 끝낼 수 있을 지도요! 오늘부터는 5번째 커리큘럼을 학습하기 시작했어요. (01. BODY 내 구조 개념 / 02. 콘텐츠 구분 - HEADER / 03. 콘텐츠 구분 - FOOTER / 04. 콘텐츠 구분 - H1~H6) 제목 태그에 대하여 공부할 때, 제목 태그 단계를 건너뛰지 말라는 ..
패스트캠퍼스 프론트엔드 올인원 with React 강의 수강 11일차입니다! 그저께부터 HTML 문서의 태그에 들어가는 메타데이터 종류에 대하여 학습 중이에요. 이번 커리큘럼부터는 강사님께서 계속 MDN 문서를 참고하시며 MDN 문서를 보는 법을 같이 알려주십니다. 사담이지만 오늘은 지난 주부터 조금씩 작업하던 외주 작업을 끝냈어요. 🎉 간만에 일을 해서 신경을 좀 썼는지 긴장이 풀리면서 오후에 쉬는 시간을 오래 가졌네요. 요즘 런데이를 하고 있는데! 오늘은 지난 1~2번째 시간과 달리 1분 30초 인터벌 러닝을 해서... 뛰고 오니 또 살짝 지쳐서 널브러져 있다가 저녁 먹고 조금 쉬다가 강의 듣고 블로그 하니 지금 이 시간이네요. 역시 공부와 일은 체력 소모 자체가 달라...! 오늘은 07~10. 메타..
패스트캠퍼스 프론트엔드 올인원 with React 강의 수강 10일차입니다! 어제보다 나은 하루를 목표로! 오늘은 HTML에서 태그 안에 기입하는 태그에 대하여 공부했어요. 강의 초반에는 강사님께서 "이 부분은 나중에 더 자세히 보도록 할게요~" 라는 말을 많이 하시는데 (물론 지금도 초급 과정이라 예제를 보거나 문서를 들여다볼 때에도 저 말을 많이 하심) 이제 상세 내용을 하나씩 배워가는 과정으로 접어든 것 같습니다. 🙆🏻♀️ 오늘은 04. 주요범위 & 메타데이터 - HTML, HEAD, BODY, TITLE / 05. 메타데이터 - META 1 / 06. 메타데이터 - META 2 를 학습했어요! ◾ ISO 639-1 코드에 따름. ◽ 링크: https://en.wikipedia.org/wiki/L..
패스트캠퍼스 프론트엔드 올인원 with React 강의 수강 9일차입니다! 보통 오전에 일어나서 패캠 강의를 수강하고 방 또는 도서관에서 글을 쓰는데, 오늘은 늦잠을 자서...😂 부랴부랴 도서관에 와서 준비하고 강의를 들었어요. 이제 기본 과정은 끝났고! HTML의 특징을 하나하나 짚어가며 학습할 차례입니다. 오늘은 블록 요소(block element)와 인라인 요소(inline element)의 차이점에 대하여 배웠어요. 실무할 때 처음에 이 부분을 잘 몰라서 오랜 시간 허둥대었던 게 떠올라 더 집중하여 강의를 들었습니다. 😣 어느새 4번째 커리큘럼을 수강 중인데요. 오늘부터 HTML 개요, 요소 - 주요범위 & 메타데이터 커리큘럼을 수강합니다. 이번 커리큘럼 또한 사흘 동안 마스터 하는 게 목표예요!..
패스트캠퍼스 프론트엔드 올인원 with React 강의 수강 8일차입니다! 어제 저녁부터 런데이 달리기를 시작했는데, 아침부터 목, 어깨, 그리고 몸이 너무 쑤셔서 오전에 누워서 갤럭시탭으로 강의를 먼저 수강했어요. 오늘은 지난 번에 진행했던 깃헙 예전 메인화면 클론코딩을 이어서 배우는 날이라, 예제 위주로 학습했습니다. 미션 완료를 위해 2개 강의는 오전에 들었는데 예제는 총 3개였고... 꼭 다 듣고 싶어서 좀 미루다가 저녁에 다 듣고 실습했어요. 알고보니 몸살 기운이 있어서 오후에 부루펜 10ml 먹고 좀 자고 일어나니 개운하더라고요. CSS 기본 섹션 끝! (09. 예제 1 / 10. 예제 2 / 11. 예제 3) 기본 CSS 속성으로만 진행이 되어서 제가 실무에서 배운 내용과는 조금 차이가 있었..
패스트캠퍼스 프론트엔드 올인원 with React 강의 수강 7일차입니다! 19일 월요일부터 시작해서 오늘까지 꼬박꼬박 매일매일 수강하고 블로그에 정리했네요. 일주일 동안 제대로 쉬는 날이 없어서인지 살짝 힘이 들지만 마그네슘 챙겨먹고 스터디 준비도 하며 주말을 마무리해야겠어요. 🧘🏻♀️ 내일까지 CSS 예제 강의를 모두 수강하면, 화요일부터는 JavaScript 강의 수강을 시작할 거예요! 오늘은 CSS에서 선택자를 어떻게 표기하고, 자주 사용되는 기본적인 CSS 속성들이 무엇인지 살펴보았습니다. (05. 선택자 / 06. 속성1 - 크기 / 07. 속성2 - 여백 / 08. 속성3 - 색상) 여담이지만 저는 이 내용을 실무에서 바로바로 습득했었는데, 강의에서는 기본 과정을 탄탄하게 밟고 가니 다시는..