Category: 수업내용

state state 안의 객체를 불러내는 것은 prop처럼 로 불러낸다 버튼에 onlick으로 number 값을 1씩 증가하는 함수를 넣고 싶다면 button 태그안의 onclick 에 대한 함수를 넣고{화살표 함수}에서 실행할 함수 부분에 this.setState({number:number+1}) 를 넣어주면 된다. [JSON 을 못넣기 때문에 억지로 쪼개서 적음] setState는 글자 그대로 State의 속성값을 set(변경)해준다 똑같은 number 처럼 보이지만 앞의 number는 프로퍼티이고 뒤에 number는… Read more

node.js 모듈을 다운받아서 쓰는 방법[github에는 용량이 크기 때문에 업로드가 되지 않음] create react-app 으로 설치한 리엑트 프로젝트의 node_modules은 github에 올라가지 않기 때문에 다운로드 받아서 사용할 때는 해당 프로젝트 폴더로 들어가서 npm install을 통해 node_modules을 다운로드 받아야 한다.[위 과정 설명] 컴포넌트 클래스형 만약 내용을 수정하고 저장하면 수정된 값이 바로 적용된다. 함수형 컴포넌트는 여러개 작성 할 수… Read more

React 안에는 if 문을 쓸 수 없다. 그래서 삼항 연산자(조건부?참일때 실행코드:거짓일때 실행코드) 를 쓴다. 헷갈리지 않게 참일때,거짓일 때 부분에 괄호를 붙일수도 있다. 당연히 실행코드도 여러태그를 쓸 경우 부모태그로 묶어서 하나에 담아야 하고 변수나 함수를 쓰고 싶다면 반드시 {}를 통해 작성해주어야 한다. 온전한 삼항연산자는 if-else 문과 같다. 참일때만 랜더, 거짓일 때는 랜더하지 않는 방식 : 삼항연산자… Read more

gitpage 업로드 하는 방법 1.git에 업로드를 한다.[해당html,css,js,기타 관련자료들만 있어야함] 2. 해당 레퍼지토리에서 setting 틀릭 3. code and automation에서 pages 클릭 4. branch에서 None을 master 로 변경[주소가 만들어 지는 데 3~5분 정도 소요] 주의사항 1.첫 화면이 보여야 하므로 index.html이 무조건 필요하고 임의의 폴더 안에 있어서는 안된다. 2. code로 작성한 내용 중 herf의 링크가 맞게 연결되었는지 확인… Read more

세션 : 모든 브라우저를 닫아 서버와의 연결을 끝내는 시점에서 모든걸 삭제함. 쿠기보다 보안은 좋음 쿠키 : 브라우저를 종료해도 접속자의 PC에 내용을 남겨 다음에 똑같은 곳을 접속 할 때에 다시 사용(기간이 있기 때문에 그 기간이 종료되기 전까지 유지) flex : 한쪽 방향만 가능(가로만 or 세로만), 공간이나 간격이 유동적이다. 배경색을 넣어보면 해당 태그의 공간만 차지한다. grid :… Read more

Read more

let을 사용하는 이유 : 동일한 이름으로 변수를 만들 수 없다. (let a= 로 이미 지정했다면 let a=를 다시 쓸 수 없다) var의 큰 문제점은 동일한 이름이 있어도 변수를 만들 수 있다는 점이다(let은 불가능)예를 들어 외부js에서 var book=’어린왕자’; 라고 지정한 후 html안에 불러서 출력하면 어린왕자 라는 문자열이 나온다. 그런데 var book=[‘a’,’b’];라는 똑같은 변수이름에 배열선언을 한 후… Read more

Read more

property(프로퍼티) : 객체의 속성(CSS) Method(메서드) : 객체가 어떻게 동작 할 지를 선언해 놓은 함수=객체의 함수. function으로 만드는 함수와는 다르지만 미리 내장되어 있는 함수이므로 함수의 범위에는 들어감 예) Window.alert()의 경우 window가 객체이름, alert가 메서드. 그리고 window처럼 미리 짜여져 있는 객체는 내장 객체 라고 부름 만약 내장 객체에는 없는 것을 써야 한다면 만들어야 하는데 이를 사용자 정의… Read more

Fetch API 형태 then을 여러개 쓸 경우 이전 then의 return 값이 다음 then에 해당하므로 return 값을 지정해줘야 한다. 대부분 처음 들고오는 값은 promise이다. async-awake랑 같이 쓰이기도 한다 형태 async : 함수 앞에 붙여서 비동기로 만들어줌 await : 기다리라는 뜻. 실행할 메소드나 함수 앞에 붙여서 값을 가져 올 때 까지 기다리게 함 기다리지 않으면 빈 값으로… Read more