잼로그(JAM_log)

22.08.14 회고 🛠 Today Handled List (오늘 한 것) HTML 기초 스터디 - 참조 면접을 위한 부스러기 지식 모으기 - JavaScript 등 [Restart 프론트엔드 스터디] #4. 웹페이지를 구성하는 기본 태그(출처: poiemaweb) 문서 형식 정의 태그(Document Type Definition Tag) 출력할 웹 페이지의 형식을 브라우저에게 전달하는 태그 대소문자를 구별하지 않으며 html 버전 등에 따라 작성하는 방법이 다르다. developer-jaeny.tistory.com 👍 Liked (좋았던 점) HTML 태그들에 대해서 공부하면서 조금 더 깊이있게 파보게 된 것 같다. 몇 몇 사이트를 들어가서 HTML Element를 확인하면서 아주 조금의 분석이 가능하..

Retrospect/Daily 2022. 8. 15. 00:26

문서 형식 정의 태그(Document Type Definition Tag) 출력할 웹 페이지의 형식을 브라우저에게 전달하는 태그 대소문자를 구별하지 않으며 html 버전 등에 따라 작성하는 방법이 다르다. HTML 태그 모든 요소의 부모 요소이며, 웹 페이지에 단 하나만 존재할 수 있다. 따라서 모든 요소는 내부에서 기술되어야 한다. (은 예외) 또한 Global Attribute를 지원한다. 가장 많이 사용되는 것에는 lang 정도가 있다. 화면에 표시할 모든 콘텐츠는 이곳에 기술한다. HEAD 태그 head 요소는 metadata를 포함하기 위한 요소로, 웹 페이지에 단 하나만 존재할 수 있다. 화면에 표시되지 않는 meta, title, style, link, script 등을 포함하고 있으며 이 ..

Studying (Review)/HTML 2022. 8. 14. 12:11

Semantic Tag (시맨틱 태그) 대부분의 인터넷 사용자들이 정보를 취득하기 위해 검색엔진을 사용한다. 현 시대에서 그만큼 검색엔진에 최적화 된 웹 사이트를 만드는 것은 중요하다고 할 수 있다. 검색엔진 최적화(SEO)를 위해서는 검색엔진이 웹사이트 정보를 수집하는 방법에 대해서 이해할 필요가 있는데, 검색엔진은 로봇이라는 프로그램을 이용하여 웹사이트의 HTML 코드를 수집하게 된다. 이 때, 검색엔진은 HTML 코드만으로 그 의미를 인지하여야 하고 HTML 코드 중에서도 의미론적 요소 즉, 시맨틱한 요소(Element)를 해석하게 된다 이 의미론적인 요소를 충족하기 위해서 필요한 것이 바로, 시맨틱 태그이다. 아래의 코드 두 줄을 확인해보자. Hello Hello 이 코드를 실행시킨 결과(화면)를..

Studying (Review)/HTML 2022. 8. 14. 01:36

22.08.13 회고 🛠 Today Handled List (오늘 한 것) 원티드 프론트엔드 프리온보딩 챌린지 강의 수강 - 타입스크립트 문법, 리팩토링 자바스크립트 관련 문서읽기 - 참조 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com 👍 Liked (좋았던 점) 타입스크립트를 다루는 방법에 대해 아주 조금이나마 알 것 같았다(?) 😢 Lacked (아쉬웠던 점) 어제 늦게 자서 그런지 피곤해서 많이 졸았다 (강의 내용 상당 부분을 제대로 듣지 못함) ❤ Learned (배운 점) 타입스크립트 기초 약간(?) 🤞 Longed For (앞으로 바라는 점) 코로나 후유증이나 우울감 극복을 위해서라도 운동을 다시 시작해야 할 것 같..

Retrospect/Daily 2022. 8. 14. 00:00

22.08.11 회고 🛠 Today Handled List (오늘 한 것) 이력서 수정 및 내용추가 (자기소개서 관련 내용 수정 및 경력내용 설명 추가) 프론트엔드 직무 지원 - 원티드, 점핏, 사람인 👍 Liked (좋았던 점) 이력서 수정을 통해 회고해보니 생각보다 경험한 게 많았다 하나하나 모든게 장점이 될 수는 절대 없겠지만, 그냥 짧은 시간에도 배운것들이 많다는 걸 다시 한 번 느꼈다. 😢 Lacked (아쉬웠던 점) 이력서에 적을만한 내용들이 생겼다는 건 좋지만, 그걸 하나하나 잘 설명할 수 있을까 하는건 또 다른문제 인 것 같다. ❤ Learned (배운 점) 이력서에서 강조하거나 들어가면 좋을 내용들 🤞 Longed For (앞으로 바라는 점) 무근본으로 시작한 개발 공부가 어떤 결과도 없..

Retrospect/Daily 2022. 8. 12. 01:18

들어가기에 앞서 이번 글에 대하여 필자의 의견과 다르거나, 필자의 글에 잘못된 내용이 있다면 꼭 댓글 등을 통해 소통해서 설득하거나 고쳐주기를 바란다! 많은 개발자들이 블로그를 쓰고, 활용한다. 무엇 때문일까..? 첫 번째로는 지식의 공유 일 것이고, 두 번째로는 기록을 남기는 일일 것 같다. 여러가지 이유들은 많겠지만, 가장 큰 이유라면 저 두가지가 아닐까 추측해본다. 그럼 지식공유가 정말 잘 되고 있는 것일까..? 오늘(8월 10일) 우연히 어떤 영상을 보게 되었다 제목은 [개발자, 블로그 꼭 해야할까?] 라는 영상이었다. 아직 실무를 잘은 모르는 애송이로서 그 영상을 보면서 '정말 저런 문제가 있을 수 있겠구나' 싶었다. 반대로, 실무를 아주 조금 해본 사람으로서는 저런 문제가 있어도 '실무나 커뮤..

Retrospect/ETC 2022. 8. 11. 09:00

22.08.11 회고 🛠 Today Handled List (오늘 한 것) 기업 면접 전 사전과제 수행완료 제출 프론트엔드 면접관련 지식 조각모음 (HTML, CSS, JS, React, Styled-Component, 네트워크 통신) 👍 Liked (좋았던 점) 관련 개념들을 빠르게 훑고 이해할 수 있는 시간이었다 😢 Lacked (아쉬웠던 점) 프로토타입, 실행 컨텍스트, 클로저 같은 딥한 개념들에 대해서는 시간을 두고 찬찬히 공부해야 할 것 같다는 생각이 들었다 (빠르게 이해할 수 있는 지식은 아님) ❤ Learned (배운 점) 알고 있으면 무조건 도움이 되는 조각 지식들! (HTML role, CSS relative, Javascript Array/Object 등) 🤞 Longed For (앞으..

Retrospect/Daily 2022. 8. 11. 00:15

22.08.09 회고 🛠 Today Handled List (오늘 한 것) 기업 면접 전 사전과제 수행 (두번째, 세번째, 다섯번째, 여섯번째 기능 퍼블리싱 및 API 연동 완료) 원티드 프리온보딩 기업 채용설명회 참여 원티드 데브크루 웨비나 참여 (참조) 원티드 프리온보딩 프론트엔드 챌린지 강의 수강 (참조) [DevCrew] DevTalk : 나도 개발자 네트워크가 필요해 | 원티드 다른 개발자들과 네트워킹을 통해 성장할 수 있도록 커뮤니티 활용법에 대한 경험을 함께 나눠요! 개발 커뮤니티 활동과 관련된 궁금증, 함께 나누고 싶은 이야기가 있으신 분들은 누구나 참여 www.wanted.co.kr 프리온보딩 프론트엔드 챌린지 1차 | 원티드 AI 채용, 연봉 정보, 이력서, 커리어 콘텐츠까지 커리어 성..

Retrospect/Daily 2022. 8. 10. 00:16