01. 데이터 타입
| 기본형 | 참조형 | | :---- | ------ | | 숫자 | 배열 | | 불리언 | 함수 | | 문자열 | 객체 | | null | 날짜 | | undefined | 정규표현식 | | Symbol | Map,WeakMap| | | Set,WeakSet | 기본형 : 값이 담긴 주솟값을 바로 복제 참조형 : 값이 담긴 주솟값들로 이루어진 묶음을...
React - 코드가 너무 길어 복잡하다면?
위의 상품정보들을 state로 만들려고 하는데 useState()에 넣기엔 너무 길다... 이럴 땐 위의 상품정보들을 다른파일에 보관한 후 내보낸 후 가져오는 방식인 export, import 방식을 사용할 수 있다. -* Data.js 라는 파일을 새로 만들고 상품정보들을 옮긴다. 그리고 export 해준다. * - 이 데이터를 가져다쓸 파일로 이동...
props 문법
Modal 함수 내부에 '글제목'이라는 state를 넣고 싶어서 넣었더니 오류가 발생했다. 왜⚠️ '글제목'이라는 state는 App함수 내부에 선언되었기 때문.JS강의에서 배웠듯이 다른 함수 내부에서 선언된 변수는 또 다른 함수에서 쓸 수 없다. 하지만! props문법을 사용하면 가능하다. 단 조건이 있다. - 컴포넌트가 부모/자식 관계인 경우에만...
React - 동적인 UI 만들기
위에서 설명했듯이 setModal은 modal의 useState의 변경을 도와주는 변경함수라고 했다. <span style='background-color: 따라서 modal이 true 라면 modal의 useState 값을 false로 변경해주고, 그게 아니라면
Component 문법
📌컴포넌트 만드는 3 STEP 함수 만들고 : 다른 함수 바깥에 만들어줘야함. return( )안에 html 담고 쓰면 끝. 함수 만들어서 return()안에 html 담기 or 형식으로 써주면 끝! 참고사항 =return()안에는 html을 병렬 형태로
React
📑사용하는 이유 = Single Page Application을 만들기 위해 사용한다. 📑장점 - html을 함수나, obj, array에 담아서 사용할 수 있기 때문에 html요소가 너무 많은 큰 사이트에서 html요소를 재사용할 수 있게 해준다. - 앱 개발이 가능하다 (React Native를 사용하면)
배열
배열에서의 순번은 index라 하는데 0부터 시작합니다. 문자 뿐만 아니라, 숫자. 불리언, 객체, 함수 등도 포함할 수 있습니다. -배열은 객체와 마찬가지로 참조를 통해 복사됩니다. arr.push( ) : 배열 ‘끝’에 요소 추가 arr.pop( ) : 배열 ‘끝’ 요소 추출(제거) arr.unshift( ) : 배열 ‘앞’ 에 요소 추가 a...
Git add & commit 쉽게 하는 방법과 difftool
요즘 웬만한 에디터에 git 기능이 내장되어 있어서 잘 활용하면 터미널을 켤 필요 없이 편리하게 add 와 commit이 가능하다.
DOM 과 load 이벤트
DOM이란? 1.배경설명 HTML과 자바스크립트는 다른 언어인데 자바스크립트는 어떻게 HTML을 조작할 수 있을까? 이유는 브라우저가 HTML 페이지를 열어줄 때 HTML을 자바스크립트로 조작할 수 있게 하기 위해 object와 비슷한 자료형에 담아주기 때문이다. 브라우저가 이런 html을 발견하면, let document = {} 라는 변수를 만들어...
