봉보로봉봉

크롬 확장프로그램 설치 ! 리액트 개발자 도구 그렇지만 이렇게 쓰면 엘리먼트 생성해주고... 또 렌더함수에 구구절절 써주고... 너무 불편하기 때문에 태그 형식을 취하게 됨 하지만 자바스크립트에서 html처럼 쓴다? 불가능 하기 때문에 이걸 가능하게 문법을 바꿔주는 babel을 사용 메소드나 객체는 다른걸 추가로 더 설치해야함 이걸 JSX라고 부름 Javascript + XML 그래서 닫는 태그를 꼭 해줘야함

Node.js설치 터미널에서 npm -v 입력해서 설치 확인 npm install -g create-react-app 권한이 없으면 sudo npm install create-react-app 설치 에러 뜰 때 참고 : 유저 이름 부분에 내 유저 이름 사용하면 됨 https://stackoverflow.com/questions/55938030/error-eacces-permission-denied-mkdir-when-installing-sth-with-npm/55938343 Error: EACCES: permission denied, mkdir when installing sth with npm Everytime I try to install something with npm (in this case e..

document.write('링크') 이렇게 입력하면 문자열이 고스란히 입력되는게 아니라 html 코드가 입력됨 문자열 관련 기능 '문자'.length 문자열의 글자수 세기 alert('abcdefg'.length) 를 하면 alert에 글자수가 출력 됨! str.toUpperCase() 모든 문자를 대문자로 str.indexOf(찾을 값) str.indexOf(찾을 값, 찾기 시작할 인덱스) 문자열에서 찾을 문자가 몇번째에 있는지 알려줌 찾기 시작할 인덱스 기본값 : 0 -1 : 찾지 못했을 때 str.trim() 문자열에 있는 공백을 없애줌 data- 를 사용하는 방법 화면에 안보이게 데이터를 담아두는 방법 .dataset.(data-)설정이름 data-number div.dataset.number ..

배열 : 순서가 있는 리스트 let students = ['철수', '영희', ... '영수'] 배열은 []대괄호를 사용하고 ,를 이용해서 구분 배열을 탐색할 때는 고유 번호를 사용 : 인덱스 (index) 순서는 0부터 시작 console.log(students[0]); //철수 console.log(students[1]); //영희 console.log(students[29]); //영수 students[0] = '민정'; 수정도 가능 배열은 문자 뿐만 아니라, 숫자, 객체, 함수 등도 포함할 수 있음 다양하게 넣을 수 있음 length : 배열의 길이를 구할 수 있음 그 요소가 가진 배열의 갯수를 반환 students.length // 30 push() : 배열 끝에 추가 let days = ['월..

method : 객체 프로퍼티로 할당 된 함수 const superman = { name : 'clark', age : 33, fly : function(){ console.log('날아갑니다.') } } superman.fly(); // console에 '날아갑니다.'가 찍힘 > fly는 superman개체의 method const superman = { name : 'clark', age : 33, fly(){ console.log('날아갑니다.') } } 이렇게 function을 생략해 줄여서 쓸 수 있다. +객체의 키와 프로퍼티는 : 를 사용해서 적는다. = 를 사용하면 에러가 남! const user = { name : 'Mike', sayHello : function(){ console.log..

객체 (Object) const superman = { name : 'clark', age : 33, } 객체는 중괄호로 작성하고 키와 값으로 구성된 프로퍼티가 들어감 프로퍼티는 ,로 구분함 마지막 ,는 필요없지만 있는게 수정, 삭제, 이동에 용이 접근 superman.name // 'clark' > .을 사용 superman['age'] //33 > []대괄호 사용 추가 superman.gender = 'male'; > 접근과 같이 .을 사용 superman['hairColor'] = 'black'; > 접근과 같이 []대괄호 사용 삭제 delete superman.hairColor; >delete를 사용 삭제하고 싶은 프로퍼티 앞에 붙여줌 단축 프로퍼티 const name = 'clark'; cons..

함수 선언문 function sayHello(){ console.log('Hello'); } sayHello(); 함수 표현식 let sayHello = function(){ console.log('Hello'); } sayHello(); 위 두 코드는 같은 뜻이다. 차이점은 호출할 수 있는 타이밍 자바스크립트는 위에서 한줄씩 읽어가면서 실행함 > 인터프리터 언어 : 순서대로 읽으면서 즉시 결과를 반환하는 언어 함수 선언문 : 어디서든 호출 가능 sayHello(); function sayHello(){ console.log('Hello'); } 이렇게 실행해도 동작함 자바스크립트 내부 알고리즘 때문 자바스크립트는 실행 전 코드의 모든 함수 선언문을 읽어서 생성해둠 그래서 함수 사용 범위는 더 넓어짐(위..

함수 작성하는 법 fucntion sayHello(name){ console.log(`Hello, ${name}`); } 함수 함수명 매개변수 매개변수 = 인수 매개변수는 없을 수도 있고, 1개일 수도 있고, 여러 개 일 수도 있음 2개 이상이면 ,를 사용해서 구분 sayHello(name); 함수를 작성하고 후에 이렇게만 적어서 호출할 수 있음 사용시마다 매번 귀찮게 여러 줄을 사용하지 않아도 되고 맨 처음 함수만 수정하면 돼서 유지보수가 편함 function sayHello(name){ let msg = `Hello`; if(name){ msg = `Hello, ${name};` } console.log(msg); } sayHello(); >Hello 이렇게 실행하면 Hello만 나옴 그 이유는 매개..