잼로그(JAM_log)

22.08.17 회고 🛠 Today Handled List (오늘 한 것) 기업 코딩테스트 응시 (4문제, 240분 / 배점 - 20/30/50/80) 👍 Liked (좋았던 점) 풀이가 조금이라도 생각나는 문제가 있다니, 그래도 코딩을 좀 배우긴 했나 하는 생각이 들었다 (물론, 완전하게 다 풀지는 못했지만..) 서류통과가 되는 곳들이 드물게라도 있어서 다행.. ㅠ 😢 Lacked (아쉬웠던 점) 오늘은 개인적으로 일정이 정리가 잘 안 되어서 (집안일들도 있고, 테스트도 보고, 갑자기 연락도 오고) 제대로 공부를 전혀 하지 못한 것 같다. ❤ Learned (배운 점) 나도 할 수 있는게 있다. 자신감을 가지자 조금만! 🤞 Longed For (앞으로 바라는 점) 내일(8/18)은 오랜만에 면접을 보는..

Retrospect/Daily 2022. 8. 17. 23:29

22.08.16 회고 🛠 Today Handled List (오늘 한 것) 면접 대비 지식 조각모음 JavaScript 기초 스터디 원티드 프론트엔드 프리온보딩 챌린지 강의 수강 👍 Liked (좋았던 점) 웹 통신과 관련한 지식을 조금이지만 알 수 있었다 어떤 데이터를 어떤 방법으로 주고 받아야 하는지에 대해 아주 조금은 감이 온 것 같다. 😢 Lacked (아쉬웠던 점) 급한 일정으로 원티드 프리온보딩 강의 수강을 거의 못하였다 오늘 학습한 지식들을 제대로 정리하지 못하였다 ❤ Learned (배운 점) 쿠키와 세션에 대한 기초적인 이해 - 참조 자바스크립트의 개발 환경과 실행 방법에 대한 기초 - 참조 form 태그의 method 프로퍼티에 대한 기초적인 이해 - 참조 action과 method를 ..

Retrospect/Daily 2022. 8. 17. 00:56

22.08.15 회고 🛠 Today Handled List (오늘 한 것) JavaScript 기초 스터디 - 참조 면접 관련 지식 조각모음 [Restart 프론트엔드 스터디] #1. 자바스크립트의 역사 (출처: poiemaweb) 자바스크립트의 탄생 1995년 넷스케이프 커뮤니케이션즈에서 정적인 HTML을 동적으로 표현하기 위해 경량의 프로그래밍 언어를 도입하고자 하면서 브랜던 아이크(Brendan Eich)가 개발한 자바스크립 developer-jaeny.tistory.com 👍 Liked (좋았던 점) 자바스크립트가 생겨난 배경에 대해 알게된 것으로 자바스크립트의 역할이 더 분명하게 와닿는 것 같았다 😢 Lacked (아쉬웠던 점) 절대적인 학습의 양이 좀 부족했다 ❤ Learned (배운 점) 자..

Retrospect/Daily 2022. 8. 15. 23:44

자바스크립트의 탄생 1995년 넷스케이프 커뮤니케이션즈에서 정적인 HTML을 동적으로 표현하기 위해 경량의 프로그래밍 언어를 도입하고자 하면서 브랜던 아이크(Brendan Eich)가 개발한 자바스크립트를 도입하게 되었다. 1996년 3월 처음 "Mocha"라는 이름을 통해 Netscape Navigator2 웹 브라우저에 탑재되었고, 9월에 "LiveScript"로 이름이 변경되었고, 12월에는 "JavaScript"로 명명되었다. 자바스크립트의 파편화와 표준화 1996년에는 마이크로소프트에서 자바스크립트이 파생 버전인 "JScript"를 IE(인터넷 익스플로러)3.0에 탑재하였는데 JScript와 자바스크립트가 표준화 되지 못한 상태에서 각 브라우저에서만 동작하는 기능들을 경쟁적으로 추가하면서 브라우..

Studying (Review)/JavaScript 2022. 8. 15. 23:38

0. 들어가며 지난 계획 이후 2주가 좀 안되는 시간이 흘렀다 제목에 결론(?)이 나와있기는 하지만 지난 계획 이후의 삶을 회고하고 고쳐야 할 것은 고치고나서, 계속 새롭고 도전적인 삶을 살아보고자 이 글을 통해 좀 더 나은 내가 되어보고자 한다. 1. 나의 지난 삶 회고 - 계획이 실패했다 의지가 좀 부족했던 것 같기도 하고, 좀 너무 쉽게 생각했던 것 같기도 하다. 그래서 지난 번 계획은 반은 성공했지만, 나머지 반은 실패했다. 결론적으로 그 나머지 반이 훨씬 컸고, 나는 실패했다. 아래는 그 이유를 조금이나마 분석해본다. 0. 플래너를 쓰지 않았다 이유는 간단하다. 귀찮았다. 예전만큼 손으로 플래너를 쓰는게 썩 즐겁지 않았다. 손으로 뭔가를 적는게 너무 큰 일처럼 느껴졌고, 이 일이 너무 큰 부분을..

Studying (Review)/Plan & Practice 2022. 8. 15. 01:36

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