아자아자 화이팅이닷 !

* DOM이란 ?- Document Object Model이다.   - 돔 조작  * Document 객체  * innerHTML, innerText, textContent의 차이 * 탐색 프로퍼티 * DOM 컬렉션 * 컬렉션의 특징=> filter, map도 사용 못함 * 배열과 다른점 & like array를 array처럼 쓸 수 있는 방법* 요소 생성하기 * removeChild, replaceChild- parentNode.removeChild(node); => 하나의 노드를 삭제한다.=> 삭제할 때는 삭제 할 노드를 자식으로 가진 부모노드에서 실행된다. - parentNode.replaceChild(newChild, oldChild); => 원래 있는 Child를 삭제하고 새 Child로 교체한..

* Hook을 사용할 때 유의사항 * Hook은 컴포넌트에서 데이터를 관리(State)하고 데이터가 변경될 때 상호작용(Effect)을 하기 위해 사용한다. * State Hook - useState를 호출하고, return되는 값을 destructuring assignment를 이용해서 각각의 변수로 선언한다. - 이 말은 즉, useState라는 훅 함수를 호출하면, array가 반환이 되고, 0번째 인덱스에는 현재 값, 1번째 인덱스에는 값을 바꾸기 위한 또 다른 함수를 갖고 있는 것을 의미한다. - 즉, Hook이라는 것은 함수이다. - state가 변경되면 react가 마법같이 알아차려서 component를 다시 그려주는게 아니고, setState 함수를 호출할 때, state 값을 변경함과 동..

* Props(properties)는 사용할 때 DOM의 attribute와 비슷하다. * DOM Element의 Attributes - 여기에서 aria는 접근성과 관련된 설정들의 접두어이다. 장애인분들이 웹 페이지를 쉽게 접근할 수 있도록 도와주는 중요한 Attribute이다. - style은 String이 아닌 Object로 작성해야한다. - checked와 value는 input element에서 쓰이는 것들인데, 기존 html에서는 이 값들을 설정하면 기본값을 설정하는 역할을 하게 되는데, react에서는 다르게 작동한다. => value 값을 설정하게 되면 기본값으로 할당되는게 아니고 딱 그 값으로 고정되어 버린다. 그래서 value를 설정한 input element에 실제로 값을 입력하려고 ..

* 선택 강의로 최신 자바스크립트 문법 알아보기 강의가 있어서 따로 정리 ! * var, const, let * var도 선언한 후에 변경이 자유롭지 않나 ? => var와 let의 가장 큰 차이점 : 변수의 스코프 * ex) a라는 함수 안에서 var를 이용해 변수를 하나 선언했을 때, 함수 밖에서 이 변수를 참조하면 문제 없이 값을 가져올 수 있음 하지만, let을 이용해 함수 안에서 변수를 선언하게 되면 함수 밖에서는 이 변수를 참조할 수 없음 => 함수가 여러개 있을 때 동일한 이름을 갖는 변수를 각각의 함수 안에서 선언 => 스코프가 명확하게 구별되지 않고 변수를 참조할 수 있게 된다면 큰 혼란을 야기할 수 있다. => 항상 스코프에 유의하면서 개발을 해야함 => var 대신 let과 const..

1차 플젝이 끝나고 다시 강의 주간이 돌아와따 ..! 2차 플젝을 위한 빌드업이 아주 잘 되어있어서 할 것 같다는 느낌에 ,, 매우 열심히 리액트를 공부해야 할 것 같다 ,,., * React는 UI를 구성하기 위해 '컴포넌트'라는 단위로 개발을 진행한다. * React는 내부적으로 Virtual DOM(가상 DOM)을 통해 렌더링을 진행한 뒤 변경점만 사용자 화면에 반영한다. * React를 사용할 때 JSX를 사용하는 것은 선택사항이다. 그러나 개발 효율을 위해 사용하는 것을 권장하고 있다. * React는 컴포넌트 단위로 앱을 작성하여 코드의 재사용성을 늘릴 수 있다. * React는 한 페이지에서 데이터가 자주 바뀌는 웹앱을 개발하는 데 적절하다. * React는 대규모 프로젝트에서 데이터를 효율..

* working directory : 코드를 작성 / 수정할 수 있는 공간 * working directory에서 staging area로 코드를 이동한다는것 : 버전을 만들기 전에 버전으로 만들 코드를 저장하는 공간 (임시저장소) * working directory와 staging area에 있다고 버전이 만들어진건 아님 * staging area에서 repository로 코드가 이동이 되어야 버전이 만들어짐 * git add : staging area로 코드를 이동할 때 사용 ( 뒤에 .을 입력하거나 파일명을 입력) * commit은 버전으로 만들어주는 명령어 * commit message : 버전에 해당하는 설명을 작성해주는 문구 * -m도 꼭 써줘야함 ! * git log를 이용해서 내가 원하는..

.gitmessage.txt를 써서 commit 메세지를 통일해 gitlab에 올리는 연습을 해보았다 ! 새로운 파일이나 폴더를 만들고 git add . 을 한다음 git config --global core.editor "code --wait" git config --global commit.template .gitmessage.txt 를 입력해준다 ! 그다음 git commit을 하고 .gitmessage.txt에서 commit할 메세지만 주석을 풀고 수정을 해준다음 체크 표시를 눌러서 저장(?)을 해준다 ! 그 다음 git push origin [branch 경로]를 해주면 끝 ! * render에 대해 궁금해져서 구글링해보았다 ! https://velog.io/@jaeyunim/Express-no..

오전에는 우리 팀 연습용으로 HoneyTouse라는 gitlab을 만들어서 git clone을 한다음 백엔드 팀원들 각자 파일과 폴더를 간단하게 만들어서 git branch를 생성해 각자의 git branch에 git add와 git commit과 git push를 하였다 ! 그리고 각각의 branch를 merge하여 master에 옮겼다 ! 오후에는 플젝 팀원들이 다모여서 오전에 merge해놨던 기록을 지우고 다시 새로 파일들을 만들고 prettier 설정도 하고 다른 설정들(잘 모르겠음 ㅠ 물어봐야할듯)도 했다 ! 그리고 다시 merge를 하는데 충돌이 일어나서 pipeline에서 계속 pending상태였다 .. => 오류 발생 그래서 다들 계속 구글링을 하는데도 해결이 되지 않았는데 구세주처럼 코치..