전체 글 썸네일형 리스트형 리액트 LifeCycle 리액트 라이프 사이클에 대해서 알아보겠습니다. 컴포넌트 생성 컴포넌트를 초기 생성하면 컴포넌트 생성자 함수 constructor가 호출됩니다. 그 다음 중요한 componentDidMount 컴포넌트가 화면에 나타나면 호출이 됩니다. 주로 ajax 요청과 DOM 속성을 읽어 변경하는 작업을 진행합니다. 컴포넌트 업데이트 componentWillReciveProps 이 API는 컴포넌트가 새로운 props를 받게되면 호출됩니다. Static getDerivedStateFromProps 이 새로운 API는 props를 받아온 값이 state와 다르면 값을 동기화 해줍니다. shouldComponentUpdate 이 API는 컴포넌트 최적화 작업에서 매우 유용하게 사용됩니다. 변화가 없으면 DOM을 리렌더링을.. 더보기 리액트 공부 URL 모음 리액트 공부하기 좋은 url 모아봤습니다. 브라우저 동작의 이해 https://d2.naver.com/helloworld/59361 리액트의 특징 https://blog.gaerae.com/2016/04/hello-react.html 리액트 강의 자료 https://react-anyone.vlpt.us/ 리액트 좋은 문법 https://gomugom.github.io/es6-for-react/ 리액트 강의 홈페이지 https://velopert.com/reactjs-tutorials 인프런 리액트 강의 https://www.inflearn.com/course/react-%EA%B0%95%EC%A2%8C-velopert/ 노마드 코더 리액트 강의 https://academy.nomadcoders.co/co.. 더보기 JavaScript 스터디 커뮤니티 공유 프로그래머스에서 문제를 풀다가 좋은 git 커뮤니티가 있어서 글을 써봐요~ JavaScript로 같이 문제를 풀고 해답을 공유하는 곳인데 관리자분이 관리도 잘해놓으셔서 공부하기 좋습니다. 저도 아직 이 곳에서 못 푼 문제들을 풀어서 이 커뮤니티 활동에 도움이 되고 싶네요. 다들 공부하실때 이 곳 참고해서 하시면 좋겠습니다 ~ https://github.com/codeisneverodd/programmers-coding-test 더보기 [JS] for in 과 for of 라이브러리 사용중 for in 이 있어 테스트 후 디버깅하는 과정을 블로그에 남겨봤습니다. for ...in // 객체 순환 for ...of // 배열 값 순환 var arr = [1, 2, 3]; var obj = { a: 1, b: 2, c: 3, }; //for–in 루프 구문은 객체의 속성들을 순회하기 위한 구문입니다. for (var i in arr) { console.log(i); } for (var i in obj) { console.log(i); } //for–of 루프 구문은 배열의 요소들, 즉 data를 순회하기 위한 구문입니다. //자바 이터레이터 처럼 사용 for (var i of arr) { console.log(i); } 더보기 [프로그래머스][쉬움] 로또의 최고 순위와 최저 순위 Js 숙련도를 올리는 중이다. 조금 더 간결하고 주석이 없어도 이해가 쉬운 코드를 짜보자 function solution(lottos,win_nums) { var answer = []; const rank = { 6: 1, 5: 2, 4: 3, 3: 4, 2: 5 }; var arr1 = lottos.filter(a => win_nums.includes(a)); win_nums.push(0); var arr2 = lottos.filter(a => win_nums.includes(a)); answer = [rank[arr2.length] || 6, rank[arr1.length] || 6] return answer; } 더보기 이전 1 다음
