Jveloper

JavaScript - 싱글스레드 기반의 언어(코드를 순서대로 읽어나간다) EventLoop : https://www.youtube.com/watch?time_continue=747&v=8aGhZQkoFbQ - 콜백함수는 Callback Queue를 돌고 나오고 그냥 함수는 call Stack으로 들어갔다가 나온다 - 위에서 말했듯 자바스크립트는 싱글쓰레드기반의 언어라 순서대로 읽어나가기 때문에 예상대로라면 하나의 함수가(또는 라이브러리같은 것) 다 실행이 될때까지 아무것도 못하는 상태여야하는데, 그것을 비동기(논블로킹)를 씀으로써 queue로 넘겨서 실행하고 있게하고 나머지 함수들은 다 실행을 시키고 마지막에 기본함수들이 다 호출되는 시점에 queue에서 다 실행된 비동기를 꺼내줌으로써 호출시점을 다르..

- 구현순서 : 컴포넌트 설계 -> (변수네임 지정) -> create react-app 으로 환경구축 -> 코드 작성 & css - Issue : 코드를 작성해가는것과 css를 같이 만지면서 진행을 했는데 그렇게 나아가다 보니 이미 시간을 많이 쏟은 상황이었는데 fakedata로 만들어놨던게(서버를 만지지 않았고 api를 땡겨오는 상황도 아니었음) 꼬이기 시작하더니 나중에는 다 뒤집어 엎어야 할 상황에 놓이게 되었다 데이터가 꼬였던 이유는 초기값같은것( ex) [ {초기값: []}, {초기값2 : []} ] )을 주지않고 this.state에 [], {} 이렇게만 놓고 this.setstate로 {}를 설정하고, []에 push를 하는방식으로 하려하니 객체의 키값으로 어떤것이 들어오는지 미리 알수가 없..

React JSX(javascript + XML) render(){ return ( hello world ! ) } 이런식으로 html 태그인 div안에 감싸서 쓰는 문법을 JSX라고 한다 Virtual Dom 이라는애가있고 얘가 필요한 부분만 업데이트해주기때문에 DOM을 직접적으로 건드리면 안된다 ! Lift Cycle 컴포넌트가 렌더링이 되기전부터 렌더링이 끝날때까지의 생명주기가 있고 그 생명주기들을 세분화 시킨 메소드를 쓸수있다 componentDidMount, componentDidUpdate 등등.... 렌더링 순서가 어떤식으로 진행되는지 아는것이 정말 중요 class 에서만 life cycle을 쓸수있는데 그 이유는 React.component 에서 상속을 받기때문 Lifting state u..