crabLab

https://www.youtube.com/watch?v=7VcG--ufRXc 자기소개를 포함한 팀스파르타 지원한 지원동기 안녕하십니까 성장하는 프론트엔드 개발자 박준수입니다. 다른이의 피드백을 진지하게 받아들이고 자신이 자신에게도 피드백을 하여 메타인지를 하며 더 나아가 피드백하는 방식을 피드백하여 에자일하게 실력이 상승하는 개발자가 성장하는 개발자라고 생각합니다. 애자일 방법론을 적용하기 위해서 블로그와 유튜브를 운영하고 있고, 시간이 날때마다 틈틈이 다시 보며 내가 진정으로 이 지식을 알고 있는지 또 다른 효과적인 피드백 방식이 있지는 않은지 고민합니다. 또한 서비스에서 유저에게 구글애널리틱스나 구글폼을 통한 설문조사로 피드백을 받아 서비스를 개선하는 데도 노력합니다. 저는 같이 코딩하는 것의 가치..

https://www.youtube.com/watch?v=G49oNOa8hFI 프론트엔드에서 상태란 무엇인가? 먼저, 상태의 뜻에 대해 알아보면 상태란, 사물이나 현상이 처해있는 형편이나 모양을 뜻합니다. 이것만 보면 사실 감이 잘 안옵니다. 우리가 일상생활에서 접하는 다양한 화면들을 떠올려보며 상태란 무엇인가에 대해 생각해보겠습니다. 요약) State는 plain Javascript Object that influences output of render and is managed within the component. 상태는 컴포넌트 내부에서 관리되며 어플리케이션의 렌더에 영향을 미치는 플레인 자바스크립트 객체입니다. 공식 문서에 나와있는 상태에 대한 이야기인데, 축약하자면 "어플리케이션의 화면에 영향..

https://www.youtube.com/watch?v=BWprng2Jpvc 브라우저의 주요 기능은 사용자가 자원을 서버에 요청하고 요청한 자원을 브라우저에 표시하는 것입니다. 웹 브라우저에 URL을 입력하면 웹 서버라 불리는 프로그램이 웹 브라우저에 웹 페이지를 제공합니다. 웹 브라우저가 웹서버에 웹 페이지를 달라고 하는것 : 요청(request) 요청한 웹 페이지를 웹 브라우저에 제공하는 것 : 응답(response) 보통 웹 브라우저와 웹 서버는 다른 컴퓨터에 위치합니다. 웹 서버가 다른 컴퓨터에서 실행되고 있기 때문에, 웹 브라우저가 웹 서버에 연결하려면, 웹 서버가 실행중인 컴퓨터의 주소를 알아야 하는데, 이 주소를 IP 주소라 합니다. 각 컴퓨터는 IP주소를 가지고 있습니다. 그런데 IP주소..

https://www.youtube.com/watch?v=GkX8FGmXIOA&t=35s "직접 DOM에 접근하는 것은 지양해야 한다.”는 말이 있습니다. 과연 DOM이 무엇이길래 이런 말이 있을까요? MDN에서는 "DOM은 HTML, XML document와 상호작용하고 표현하는 API이다. DOM은 browser에서 로드되며, Node(이하 노드) 트리(각 노드는 document의 부분을 나타낸다)로 표현하는 document 모델이다. (ex. element, 문자열, 혹은 코멘트)" 라고 나와 있습니다. 위의 설명으로, Document는 HTML, XML을, Object는 노드 트리라 유추해볼 수 있습니다. 그렇다면 노드 트리는 무엇일까요? 위의 그림에서 볼 수 있듯이 노드란 웹을 만들어본 사람이라..

https://www.youtube.com/watch?v=I-gJfFFyiqY 더보기 react를 사용하는 이유에 앞서 우선 프론트엔드 라이브러리가 등장하게 된 이유에 대해서 말하자면 그 이유는 동적인 웹 페이지를 보다 효율적으로 유지보수하고 관리할 수 있도록 하기 위함입니다. 여기서 정적, 동적인 페이지에 대해 잠깐 설명하자면 정적인 페이지는 웹 서버에 이미 저장되어 있는 HTML문서를 클라이언트에게 전달하여 받은 페이지입니다. 단순히 기업 정보를 전달하기 위한 목적이기 때문에 유저의 인터렉션은 중요하지 않은 요소로 볼 수 있습니다. 이 경우는 프론트엔드 라이브러리 없이 HTML과 CSS의 구성만으로 괜찮은 웹페이지를 만들 수 있습니다. 반면, 동적인 페이지는 유저의 행동 흐름에 따라 웹페이지의 구성을..