날짜: 2023년 2월 25일 생성일: 2023년 2월 25일 오후 5:12 태그: 프론트 엔드 원티드 프리온보딩 사전 과제를 하면서 react router v6.4에서 좀 많이 바뀐듯한 react router를 사용해봤다. https://reactrouter.com/en/main Home v6.8.1 I'm on v5 The migration guide will help you migrate incrementally and keep shipping along the way. Or, do it all in one yolo commit! Either way, we've got you covered to start using the new features right away. reactrouter.com r..

날짜: 2023년 2월 24일 태그: 프론트 엔드 개발을 진행하다 보면 중복되는 코드와 빈번히 재사용하는 코드를 볼 수 있다. 중복되는 코드를 분리해서 재사용하면 차후 유지보수에도 도움이 되고, 남이 볼 때 쉽게 코드를 파악할 수 있다. 상속과 합성은 객체지향 프로그래밍에서 널리 사용되는 코드 재사용 기법이다. 상속 상속이란? 상속(Inheritance)은 객체들 간의 관계를 구축하는 방법이다. 이 때 객체를 상속받는 객체 클래스는 자식, 상속된 객체는 부모 클래스이다. 클래스 상속을 통해 자식 클래스는 부모 클래스의 자원을 물려 받게 되며, 부모 클래스와 다른 부분만 추가하거나 재정의 함으로 써 기존 코드를 쉽게 확정 할 수 있다. class Animal { // #는 private 접근 제한자 #ag..

생성일: 2023년 1월 11일 태그: 프론트 엔드 😊 의영님 업무 기록을 엑셀 파일로 뽑아 주면 좋을것 같아요… 한창 외주 개발 미팅 중에 늘 들었던 말이다. 이제 아웃 라인이 거의 다 완성이 됐으니 진짜 건들여야 할 때가 온것이다. JS 에서 엑셀을?? 말도 안되는 소리로 들리신다면 크나큰 착각입니다. 업무 내역이나, 판매량, 모든 통계 자료에서 쓰이는 엑셀은 개발프로그램과 당연히 뗄레야 뗄 수 없는 관계 인 것이다. 그럼 당연히 ! 엑셀용 라이브러리가 있겠지 라고 찾아보게 됐다… Sheet JS SheetJS Community Edition | SheetJS Community Edition 역시 구글 신은 답을 내려 주셨다! sheetjs라고 js 프로그램에서 엑셀 파일을 내보내거나 가져올 수 있게..

Core Redux concepts how does redux work Central Data (state) Store one store - entire state use in Components → subscription store need update state ⇒ Reducer Function (Mutate Store Data_) (not useReducer( )) → Components never directly manipulate the store data Component Dispatch Action Action is Forwarded to Reducer Function