IT & STUDY _ MANDOO-RABBIT

style 안에 쓰는(즉, CSS) 이 코드의 의미는 div 태그의 너비가 최소 800px 일때, (즉 800px 이상일때) 보이지 않게 한다. 입니다! div는 block element 이기 때문에 div 태그의 너비는 웹페이지의 너비입니다. 웹페이지 크기(가로 너비) 확인 방법) 웹페이지의 너비는 웹페이지에서 마우스 우클릭 후 '검사'를 누른 다음 웹페이지의 크기를 변경하면 웹페이지의 오른쪽 상단에 크기가 나온답니다!

block vs. inline 태그들에 테두리를 그리면 태그들의 영역이 얼마나 되는지 파악하기 쉽다. h1과 a 태그를 비교해보았다. 다음과 같이 태그 h1의 테두리는 웹페이지의 가로 너비를 꽉 채우고 있고 태그 a의 테두리는 글 부분만을 채우고 있다는걸 확인할 수 있다. 결과적으로 태그 h1은 block element이고 태그 a는 inline element 라는걸 알 수 있다. 내에서 display: inline; display: block; 을 사용하면 block 이어도 inline처럼 inline이어도 block 처럼 사용할 수 있다. display: none; 을 하면 사라지게 만들 수 있다. div vs. span div : 디자인의 용도로만 사용하는 tag span : div와 동일 but ..

CSS 구조 : html에서 css를 사용한다는 것을 알리는 태그 #active .saw a h1 : 선택자(selector) color text-decoration font-size text-align : 선언(declaration) gray underline 50px center : 속성(property) id와 class 설정 방법 class 를 2개 입력하게 될 경우, style 태그 내에서 가까이에 선언되어있는 클래스가 적용이 된다. id와 class 우선순위 id와 class는 같이 쓸 수 있으며 우선순위는 id가 높다. id는 단 한번만 사용할 수 있다.

CSS style : html에서 css의 속성을 쓴다고 얘기하는 것 style에는 태그와 속성이 있다. text-decoration: none; 텍스트의 장식 없애기, 예를들어 밑줄을 없앰 text-decoration: underline; 밑줄 만들기

배운적이 있지만 복습 차원에서 다시 시작

code refactoring: 코드를 깔끔하고 효율적으로 정리, 내부 구조 개선 react router: url에 따라 다른 ui 가 나오게, 즉, url에 따라 다른 component 호출 가능하게 해줌 create-react-app: npm run eject, create-react-app에서의 설정 변경 가능 redux: component가 많아질수록 매우 까다로워지므로 이때 도움을 주는게 redux, 중간에 저장소 역할 react server side rendering: 서버에서 웹페이지를 완성 후에 클라이언트로 완성된 웹페이지 전송, 초기 구동시간 단축, 로딩이 필요없는 홈페이지 특성 유지 react native: react를 사용해서 native 만들 수 있음, 안드로이드 같은 것 만들 수 있음

Machine Learning machine learning의 model 판단능력 == 모델(모델이 많을수록 좋고 좋은 모델일수록 좋다.) 좋은 모델이란? 좋은 모델은 결론을 내리는데 도움이 되는, 명확한 예시 모델을 만드는 과정 == 학습 저번시간에 google에서 제공하는 머신러닝으로 만든 것 테스트 ml-app.yah.ac 객체를 변경: Object.assign 배열을 변경: Array.from immutable 불변성을 유지하는 방법 (생활코딩에서 배운 3가지 비교 정리)

React shouldComponentUpdate 는 render()를 호출할지 말지 도와준다. 기본적으로 부모의 component에 변경이 생기면 관계없는 자식의 component도 다시 render()가 되는데, shouldComponentUpdate는 불필요시에 다시 한 번 호출되는 것을 막아준다. shouldComponentUpdate 는 기본적으로 true 값을 반환하며 false 값을 반환할시, 불필요한 render를 방지해준다. shouldComponentUpdate(newProps, newState){ console.log( ,newProps.data//바뀐 정보 ,this.props.data//이전의 정보 ); if(this.props.data===newProps.data){ //정보의 ..

push는 변수(원본)을 바꾸고 concat은 변수(원본)은 건드리지 않고 새로운 변수를 만듬 그래서 나중에 사용할 때에 push의 경우에는 문제가 생길 수 있어 concat을 더 선호

props vs. state props 부모 component가 자식 component 한테 전달하는 데이터, (자식입장에서) 읽기 전용. 전달 가능(매개변수처럼) component 밖에서 props 변경 가능 state 자신이 들고 있는 값 component 내부에서 사용(함수 내에 선언된 변수처럼) CRUD create read update delete