🎢 그룹 활동 Web6조의 활동 이번 주의 그룹활동!! 저번 주에 피드백받았던 것처럼 첫 날 첫인상 게임을 하고 렛미인트로듀스를 통해 자기소개를 하기 시작했다! 그동안 첫인상 나눔도 너무 많이 해서 질린다 다음 번부터는 다른 프로그램을 준비해야겠다고 생각했다. 더 즐거운 프로그램으로 돌아오겠습니다. 그룹활동을 하면서 아쉬웠던 점이 있었다. mission2를 휴일 없이 달려왔기 때문에 이번 주는 멤버십 기간 중에서 가장 힘들고 지쳤던 기간이었다. 나 혼자 살기도 바빠서 팀원들과 소통도 많이 하지 못했고 챙겨주지도 못했다. 다들 좋은 분들이었는데 많이 친해지지 못해서 아쉬웠다. 마지막에는 metroretro 플랫폼을 이용해 간단하게 팀 회고를 하며 활동을 마무리했다!! 💳 멤버십의 일상 학습과 구현의 언밸런..
자바스크립트의 this 자바스크립트에서 함수가 호출되면, 매개변수로 전달되는 인자값 외에도 arguments 객체와 this 를 전달받는다. 여기서 자바스크립트에서의 this 는 다른 언어의 this 와는 약간 다르게 동작하기 때문에 주의해야한다. 또한 Strict Mode와 Sloppy Mode에서도 약간이 차이가 있다. 예를 들어, Java에서의 this 는 인스턴스 자신(self)를 가리키는 참조 변수로 사용된다. this 가 객체 자신에 대한 참조 값을 가지고 있다는 뜻이다. 주로 매개변수와 객체 자신이 가지고 있는 멤버 변수명이 같을 경우 이를 구분하기 위해서 사용된다. 하지만 자바스크립트의 경우 Java와는 다르게 this 에 바인딩되는 객체는 한 가지가 아니다. 해당 함수의 호출 방식에 따라..
🦜 그룹 활동 Web26조의 활동 이번 주의 그룹활동도 아주 즐거웠다~ 다들 낯을 가리시는 편이고 말도 많이 없는 편??이어서 시작이 활기차진 않았던 것 같다. 2일차에는 추석 이브 기념으로 첫인상 나눔 프로그램을 진행해봤다. 다들 즐거워하신 것 같다. 2일차를 기점으로 팀원 분들과 편해지고 친해졌던 것 같다. 우리 그룹원들! 묵묵히 열심히 하시는 상혁님과 내가 하는 얘기를 항상 잘 받아주시던 태훈님, 문제상황을 얘기하면 스스로 문제를 해결할 수 있도록 도와준 정욱님까지!! 좋은 팀원들과 함께해 이번 주자도 행복했다. 피어세션은 끝난 후, 마지막 팀회고도 알차게 했다. 30분이라는 적은 시간을 쪼개서 인생네컷도 찍고 아래와 같이 좋았던 점, 개선하고 싶은 점 등을 얘기 나눠봤다. 첫인상 프로그램을 첫 날..
1. 불변함수 상태 업데이트를 지속적으로 하는 React 에서 불변성을 유지하는 것이 굉장히 중요하다. 리액트에서 개발의 편의성을 위해 컴포넌트 단위로 쪼개서 함수를 만든다. 큰 도화지에 스티커를 붙이듯 부모에 해당하는 함수의 return값에 컴포넌트들을 넣어 화면을 구현한다. 대체로 부모가 변경될 때 자식은 그에 의존적이기 때문에 부모에 입력된 컴포넌트들을 변경하는 연산을 수행할 경우가 생긴다. 그런데 만약 부모에 의해서 컴포넌트의 원본이 마구잡이로 바뀌게 된다면 프로그램의 안정성이 떨어지게 될 것이다. 리액트 프로그램의 안정성을 위해 불변성이 필요하다. 불변성을 유지함으로써 연산을 최적화시킬 수 있다! 불변성의 정의는 상태를 변경하지 않는 것을 뜻하며 컴퓨터 공학적으로 풀어 말한다면 메모리 영역의 값..
1. DOM이란? 문서 객체 모델(DOM, Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 API이다. HTML내에 들어 있는 요소를 구조적으로 표현하는 양식이자, 그 구조를 통해 각각의 요소에 손 쉽게 접근한다. 웹 브라우저는 HTML를 읽을 때, 위의 그림처럼 Document 객체를 뿌리로 하는 tree 자료구조를 구성한다. 근 노드(root node)인 html을 시작으로 단말 노드(leaf node)까지 뻗어나간다. 위쪽을 부모 노드(parent node) 아래쪽을 자식 노드(chile node)라고 부르며, 어떤 노드든지 부모가 되거나 자식이 될 수 있다. 자식이 없는 node를 단말 노드(leaf node)라고 부른다. 대체로 DOM이라고 하면 HTML DO..