2022/06 14

[React] Props와 State 이해하기 / Hook(useState, useEffect) 적용

저번 시간에 React란 무엇인지, 그리고 장점이 무엇인지 알아봤고 마지막에는 boilder plate를 활용해 쉽게 React 프로젝트를 생성하는 법을 배웠다. (지난 정리가 궁금하다면? 클릭!) 이번 시간에는 React에서 꼭 알아야 하는 State와 Props에 대해 알아보겠다. 코드는 지난 시간에 이어서 기존에 추가하는 방식으로 진행할 것이다. 해당 내용은 다음 사이트에서 참고했다. 참고 https://ko.reactjs.org/docs/components-and-props.html https://ko.reactjs.org/docs/hooks-rules.html https://ko.reactjs.org/docs/hooks-state.html https://xiubindev.tistory.com/1..

[React] 리액트(React)란 무엇인가? / create-react-app 사용하기

사실 React는 잠깐 속성으로 빠르게 공부하고 화면 뿌리는건데 뭐 대충 하면 되지~ 하면서 대충 배웠었다. 하지만 최근에 문득 든 생각이 전에 배운 것인데 정말로 이것을 내것으로 만들고 싶다는 욕심이 생겼다. 또한, 진정으로 내가 이해하고 사용했다고 하기도 애매하기도 했다. 왜그러냐면 그냥 배낀거니까 말이다. 무엇이 그렇게 급했는지, 길게 보고 제대로 배워야 하는 지식들을 내몸에 사는 나쁜 벌레인 대충으로 무너지고 말았다. 그러므로 React에 대해서 다시 한번 차근차근 공부해서 마스터하는 시간을 가지도록 하겠다. 아니 하던 자바나 하지 뭐하냐고? 결국 다 알아야 하는 겁니다... 출처 사이트는 다음과 같다. https://ko.reactjs.org/tutorial/tutorial.html#setup-..

[javascript] 유용한 js 기능 - 2 / generator 함수 / 날짜 변환

이번에는 저번에 글에 이어서 (저번 글 보고 싶다면 클릭!) 1. 유용한 js기능을 조금 더 소개하고 2. es6에서 도입된 generator 함수에 대해 알아보고 3. 또 날짜 변환을 공부할 것이다. 이 글을 정리하기 위해 참고한 사이트는 다음과 같다. 참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce https://blog.bitsrc.io/2-3-javascript-tricks-that-you-should-know-bfb9827fd835 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destruc..

[javascript] 유용한 js 기능 - 1

필자는 회사에서 급하게 투입된 프로젝트에서 배정받은 일의 업무 분배도는 DB 쿼리 작성 40%, js 를 이용한 front 화면 생성 40%, 기존 java 로직을 활용한 비즈니스 로직 구현이 20%다. 여기서 javascript를 다루면서 많은 일이 있었는데 인터넷을 뒤져보면 js 사용 팁을 전수해주는데 이 기회에 한 번 정리할 예정이다. 참고 : https://modernweb.com/45-javascript-tips-tricks-practices/ https://sunlightmedia.org/ko/%EC%9E%90%EB%B0%94-%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%8C%81/ https://paperblock.tistory.com/62 많은 내용이 있지만 필..