웡지의 개발일지

02-11. 웹 페이지 HTML 변경 Routing 과 Rendering : 직접 DOM 조작서 VDOM 조작으로Javascript 는 HTML 에게 어떤 역할을 수행하는가?Frontend Javascript Framework 는 Javascript 에 비해 어떤 장점이 있나?jQuery 는 왜 등장했고, 개발자에게 어떤것을 제공해주는가?lodash 는 왜 사용하며, 개발자에게 어떤것을 제공해주는가?  02-12. 프론트엔드(브라우저) 언어인 자바스크립트 런타임과 비동기 지원 방법자바스크립트 런타임은 무엇이며, 종류를 말해보아라Chrome 웹 브라우저에서 비동기를 지원하는 방식을 설명하라Node.js 웹 서버에서 비동기를 지원하는 방식을 설명하라React 는 왜 Facebook 에서 등장했고, 어떤 목적..

01-02. 웹 본질 : 요청 - 반환의 주체와 방법Monolithic 아키텍쳐와 MSA(아키텍쳐) 의 차이에 대해 말해보세요=> Monolithic 아키텍처는 단일 서버이고, MSA는 다중서버이다. Monolithic 아키텍쳐는 무엇이며 어떤 장단점이 있는가SPOF (Single Point of Failure)=> Monolithic 아키텍처는 단일 웹 서버로 다수 서비스를 제공하는 것을 말하고, 단점으로는 한쪽 서비스가 문제 생기면 모든 서버에 영향을 주어 기타 서비스들을 모두 사용하지 못하는 점이 있다. 장점으로는 단일 이슈가 전체 이슈로 퍼지지 않는 점이 있다.MSA(아키텍쳐) 는 무엇이며 어떤 장단점이 있는가=> MSA  다수 웹 서버로 각각 개별 서비스를 제공하는 구조이고, 하나의 서버. 하나..

26, 27페이지3.2 ON& OFF 번아웃 방지시간에 대해서 생각해보기     3.4 프로가 되기 위한 Grit.     재미보단 흥미를.      내가 잃고있었던 질문에 대한 답을  알려주었던 오티.what과 how가 아닌 why를 시작으로 what과 how를 만들어가세요. - 재미보다는 흥미로,좋아하는 이유가 명확해야 버텨낼 수 있다.   this is really 효율성을 추구하는 사람의 오티강연이었다.   여러분들만의간절함을 만들어보세요 이 곳에서 여러분만의 프레임워크를 만들어갔으면 해요.여러분만의 성공하는 공부하는 습관.    개발자가 될 수 있는지보다 개발자가 되고싶은건지에 대해서 생각해보세요.  적어도 자신의 인생을 책임지는 자세로 교육받는 모습을 보여주시길.        ---메모, 복습..

안녕하세요. 3주차 입니다. 아직 초반인데 왜 이리 절반정도 지난것 같은지...짧은 한 주였지만 많은 일이 있던 한 주 였습니다.우선 퇴사를 하게되었습니다. 항해때문에 퇴사를 하게 된 것은 아니지만, 어느정도 원인에 없는 것은 아니긴 합니다.어찌 됐든 새로운 선택을 하게 되었으니 잘 지내보자 나 자신 !! 🙌 🙌3주차 회고 시작합니다 - 🙌1. 문제 (과제, 프로젝트를 진행하면서 부딪혔던 기술적인 문제)이번 주차를 지나며 겪었던 문제가 무엇이었나요? 체력적 한계를 느꼈다체력관리도 실력인데 체력적인 한계가 느껴졌습니다. 지난주 밤샘의 여파가 이번주 내내 들이닥친것이죠. 그로인해 과제를 엄두도 안내는 단계에 이르렀습니다.(못 X, 안 O)2. 시도문제를 해결하기 위해 어떤 시도를 하셨나요? 푹 쉬기푹 ..

안녕하세요. 2주차 과제로 탈탈 털린 이번주를 회고해보겠습니다.프로젝트 오픈으로 밤샘도 하였지만 아직은 돔황치지안하...이번주로 인해 항플 목표가 바뀌었습니다. 일단 차분히 진도에 맞춰서 뭐라도 얻어가보자 ! ! ! (. . 먼산)   1. 문제 (과제, 프로젝트를 진행하면서 부딪혔던 기술적인 문제)이번 주차를 지나며 겪었던 문제가 무엇이었나요? 너무 어려웠다. . . .  자바스크립트에서 객체가 기본적으로 동작하는 원리를 알지 못했다.-> 객체가 기본적으로 어떤 컨텍스트에서 어떻게 동작하는지 원리를 몰랐다.  심화 과제는 시간이 부족해서 풀지 못했다.  2. 시도문제를 해결하기 위해 어떤 시도를 하셨나요? chat gpt 활용하기   3. 해결문제를 어떻게 해결하셨나요? 4. 알게된 것문제를 해결하기 ..

항해플러스 프론트엔드 코스 2기 1주차가 지났습니다. 이번 한 주 당황스러웠지만 문제 해결에 목표를 두고 이끌어갔는데, 다양한 방면으로 되돌아보며 한주를 되돌아보도록 하겠습니다.   1. 문제 (과제, 프로젝트를 진행하면서 부딪혔던 기술적인 문제)이번 주차를 지나며 겪었던 문제가 무엇이었나요? 내 실력에 비해 생각보다 과제의 깊이가 깊었습니다. -> 저는 리액트와 타입스크립트를 사용해서 개발을 해본 경험이 없는 개발자입니다. 그래서 과제의 논점을 제대로 파악하지 못한 채 풀었던 문제도 있었습니다. 하지만 과제의 깊이가 깊고 방향성이 바로 잡혀있는 느낌이라 오히려 좋아(?) 였습니다. 내가 컨트롤 할 수 없는 시간들이 많았습니다.-> 지난 주까지는 그리 바쁘지 않았는데, 이번주엔 정말 바빴습니다. 야근도 ..

1. 문제 **(과제, 프로젝트를 진행하면서 부딪혔던 기술적인 문제)이번 주차를 지나며 겪었던 문제가 무엇이었나요?javascript 종합반 강의 2주차에서 Map객체와 Set 객체를 자주 써본 경험이 없었는데, 이를 이용하여 코딩테스트 문제를 풀려고 하니 도통 이해가 되지 않았다. 그래서 그냥 forEach를 이용하여 배열에 접근해 문제를 풀었지만 이상하게 해결되지 않았고 for문으로 처리하였을 때는 문제가 해결되었다.2. 시도문제를 해결하기 위해 어떤 시도를 하셨나요?우선 map과 set을 이용하여 문제 해결하려 해보았지만 괜히 쓸데없는 코드만 작성되고 있다는 점을 발견했다.그래서 다른 사람들이 짠 코드들을 찾았지만, map과 set 을 활용하여 문제를 푼 사례는 찾지 못하였다.나름대로 for 문을 ..

ScrollTrigger demo ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ

Vue Todo List j2kb에서 vue 중급 서브젝트를 하게 되었다. 첫주차는 간단하게 todo list를 만들어보기로 했다. vanilla javascript로 구현한다고 생각하면 인풋 박스에 값을 입력하고, 엔터를 누르거나 추가 버튼을 클릭하면 input의 값이 아래 list로 렌더링되게 한다. 각 리스트는 지울 수 있는 button도 있어서, button을 누르면 그 버튼에 해당하는 list item이 삭제된다. 이 방식은 dom을 직접적으로 건드려야 한다. 하지만 vue는 가상돔이 있고 데이터를 다루는 이론이 따로 있기 때문에, 다른 방식으로 구현해야함을 느꼈고, 이는 vue가 나타난 배경과 데이터를 다루는 특성, 그에 따라 생겨난 vue의 문법 등을 고려해야겠다고 생각했다. 환경설정 vue..

역행자 220816 화 ~ Chapter2. 자의식 해체하기 인생에서 완전한 자유를 얻지 못하는 근본적인 이유는 과잉 자의식이다. 아무리 성공한 사람이 있어도, 아무리 좋은 책이 있어도, 사람들은 각자 자기자신을 보호하기 위해 돈을 버는 실질적인 방법을 눈 앞에서 가르쳐 줘도, 자아가 약간이라도 손상될까봐 온갖 변명을 댄다 돈 때문에 인생의 자유를 박탈당하고 해도 하지만 본인이 이런 모순된 생각을 한다는 것을 받아들이려하지 않는다. 자의식이 인간을 망치는 이유 자의식이 지나치면 요즘에는 많은 부작용을 낳는다. 우리의 마음은 자아를 손상시키는 것에 극도로 예민하도록 설계되어 있다. 자기 객관화를 돕는 것 만으로도 복잡한 감정이 많이 정리된다. 무엇보다 자의식해체가 가져다 주는 결과는 자유 다. 자의식해체의..