IT & STUDY _ MANDOO-RABBIT

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

e.preventDefault(); 페이지가 바뀌는 것을 막음, component 안에 넣기 render에서 this는 컴포넌트 자신을 가르킴

React를 사용하는 이유는? 사용자 정의 태그 생성하여 더 간편한 코드를 만들고 데이터를 숨길 수 있음. npx와 npm, npx를 권장하는 이유는? npx는 create react app을 한 번만 설치하고 지움. 그래서 항상 최신 상태를 유지할 수 있음. deploy 배포 npm run build를 하여 사용자에게 보여지는 불필요한 공백, 정보를 제거해 용량을 줄임. https://mandoo-su.github.io/react-app/.

객체지향 프로그래밍 객체는 메소드와 속성으로 이루어져있으며 객체 간의 상호작용으로 진행되는게 객체지향 프로그래밍이다. 기능별로 데이터와 절차가 묶어져있다고 생각하면 된다. 객체지향 프로그래밍의 특성 1. 캡슐화: 관련된 데이터와 코드를 하나로 묶는 것 2. 상속: 이미 작성된 클래스를 이어 받아 새로운 클래스를 생성 3. 다형성: 하나의 이름으로 많은 상황에 대처, 동일한 작업을 하는 함수들에 똑같은 이름을 부여 가능 절차적 프로그래밍 말 그대로 위에서부터 아래로 순서대로 진행되는게 절차적 프로그래밍이다. 순차적인 처리가 중요시 되며 프로그램 전체가 유기적으로 연결이되도록 만든 것이다.

2020년의 마지막. 새로운 한 해가 시작되는데 앞자리가 바뀌는 해라서 그런지 별다른 느낌이 없네요. 마지막 날! 버전 관리 프로그램(github) 사용법을 다시 한번 찾아보고 git의 목적을 찾아봤습니다. 꼭 프로그래머가 아니더라도 다양한 곳에서 사용중인 git! 의 목적은? GIT의 목적 version 관리 backup collaborate 프로그래밍을 하면서 생기는 다양한 버전을 저장하고 백업도 하며 다른 사람들과 공유가 편하게 되어있더라고요 :D 언젠가 쓰게 될 날을 기대하며! 새해 복 많이 받으세요~

웹 호스팅(Web Hosting)란? 중앙에서 관리하면서 도메인을 대여해주는 서비스, 웹 서버를 제공 bitnami 를 이용한 Apache 설치로 웹 호스팅(bitnami말고 다른 프로그램도 사용 가능) 아파치(Apache) 란? 월드와이드웹 서버용 소프트웨어. 1995년 처음 발표된 월드와이드웹(WWW:World Wide Web) 서버용 소프트웨어이다. localhost (127.0.0.1) 란? 일종의 나 자신을 가르키는 대명사, 모든 컴퓨터들은 나 자신을 localhost라 가리킨다. 네트워크 속성 -> ip주소가 고유명사 ex) 나의 이름 HTML 여러가지 기능 동영상 추가: , 유튜브 영상-> 공유 클릭-> 퍼가기 클릭 댓글 기능 추가: disqus.com/ 채팅 기능 추가: www.tawk.t..

Atom: HTML편집기 atom.io/ A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it. atom.io W3C: HTML 태그 정보 www.w3schools.com/tags/tag_hn.asp

2번째 HTML 복습 Github를 이용한 웹 호스팅 mandoo-su.github.io/web201228/ 다시 시작하는 프로그래밍 소개 기술스펙 Intro 안녕하세요. 저는 다시 프로그래밍을 시작하려는 만두입니다. 컴퓨터학부를 졸업하고 다른 일을 잠깐 하다가 다시 돌아왔습니다. 프론트앤드 엔지니어가 되기 위해 공부를 mandoo-su.github.io 인터넷: 분산된 형태의 통신시스템 구상 한 곳이 망가진다고 정보가 사라지는게 아닌 여러 곳에 정보가 있고 서로 정보를 주고 받기 쉽게 하기 위함 웹의 창시자: 팀 버너스 리 최초의 웹: info.cern.ch/ http://info.cern.ch info.cern.ch static web(정적웹) 이란? dynamic web(동적웹) 웹브라우저에서 해석..