반응형 전체 글75 [음악/축제] Haus Of Wonder - Day 2 관람 후기!! Haus Of Wonder 관람 후기 코로나 이후 처음으로 보러갔던 페스티벌인 Haus of wonder!! Wonderwall 에서 주최한 행사로 국내외 유명한 가수들이 와서 일산 KINTEX 전시장에서 8/6-7 2일간 공연을 한다. 공연장은 하나에서 진행되었고, 공연장 뒤쪽에서는 음식을 즐길 수 있으며 외부 음식은 반입 금지였다~~ 양일권은 내 나이에 무리인듯 싶어서 ㅎㅎ; NewHopeClub과 John K 중에 John K 가 더 땡겼으므로 일요일권을 끊었다. 아무래도 월요일 출근이 두려워서 친구랑 공연장 근처 케이트리 호텔을 예약해두고 걸어서 왔다갔다하기로 했다. 공연장이 하나여서 다행인건지 모르겠지만 ㅋㅋㅋㅋ 게으른 우리는 각자 좋아하는 가수들만 보기위해 John K 공연에 맞춰서 갔다. 기.. 2022. 8. 11. [책 추천/리뷰] 어웨이크(Awake) 1. 책 소개 저자는 국내 최고의 성공심리·실전심리 전문가로 꼽힌다. 기업 고위 경영진, 상위 1% 세일즈맨, 프로 운동선수 등 대한민국 탑클래스가 중요한 일정을 앞두고 찾아와 먼저 상담을 청하는 것으로 유명하다. 지난 17년간 24,000건의 사례를 통해 잠재력을 깨우기만 해도 연봉·성과·성적이 놀랍게 수직상승하는 것을 증명했다. 그에게 컨설팅받은 한 보험설계사는 단 6시간의 상담만으로 월 200만 원 소득자에서 억대 연봉자로 수직상승하기도 했다. 내가 원하는 일을 하면서 경제적 자유를 얻을 수 있을까? 소모적으로 느껴지는 인간관계, 이어나가야 할까? 내 인생은 무엇을 위해 달려가고 있을까? 매일같이 하는 고민에 대한 답은 이미 내 안에 있다. 자신이 충분한 가능성을 지닌 존재임을 인지하고 믿는다면 그.. 2022. 8. 10. [React/Redux] Redux-persist 사용법 - (새로고침 후 상태 유지) 이전에 리덕스 관련 글은 아래를 참조하자. 2022.08.04 - [개발 Study/Node, js, react] - [React/Redux] Redux 사용법 (1) -State/Action/Reducer/Store [React/Redux] Redux 사용법 (1) -State/Action/Reducer/Store Redux란? 상태 관리 라이브러리로 Component별로 props/state를 바꿔주는 복잡한 관계를 redux 하나로 외부에서 state들을 공용으로 관리하여 가져다 쓸 수 있다. 1. State(상태) State란 React Component 내에.. chuun92.tistory.com 2022.08.05 - [개발 Study/Node, js, react] - [React/Redux].. 2022. 8. 8. [React/Redux] Redux 사용법 (2) - UseDispatch/UseSelector 2022.08.04 - [개발 Study/Node, js, react] - [React/Redux] Redux 사용법 (1) -State/Action/Reducer/Store [React/Redux] Redux 사용법 (1) -State/Action/Reducer/Store Redux란? 상태 관리 라이브러리로 Component별로 props/state를 바꿔주는 복잡한 관계를 redux 하나로 외부에서 state들을 공용으로 관리하여 가져다 쓸 수 있다. 1. State(상태) State란 React Component 내에.. chuun92.tistory.com 로그인 페이지에서 지난번에 작성했던 UserReducer의 LOGIN 액션을 실행시키고 User State를 변경하여 Main 페이지에서 Us.. 2022. 8. 5. [React/Redux] Redux 사용법 (1) -State/Action/Reducer/Store Redux란? 상태 관리 라이브러리로 Component별로 props/state를 바꿔주는 복잡한 관계를 redux 하나로 외부에서 state들을 공용으로 관리하여 가져다 쓸 수 있다. 1. State(상태) State란 React Component 내에서 사용되는 데이터 집합을 말하며 이 상태 정보를 가지고 컴포넌트의 속성을 바꾸거나 어떤 event가 일어났을 경우 상태 값을 변경하여 Component를 변경된 상태로 렌더링할 수 있다. 이런 State를 변경하는 것이 (Action)이며 Action과 Store를 연결해주는 스토어 관리자가 (Dispatcher)다. Store는 State를 관리하는 저장소로 State는 다음과 같이 객체 형식으로 사용한다. 객체 내에서 카테고리 별로 관리가 가능하다... 2022. 8. 4. [Error] Redux createStore 에러 처리 (deprecated) 이제 좀 Redux를 배워서 써먹어볼까하고 인터넷에 돌아다니는 예제들을 응용하여 작성 중에 Store 생성시 필요한 함수 createStore()가 deprecated 되어 사용할 수 없다고 떴다. 정확하게 말하면 configureStore()를 쓰라고 나오는데.... 어 일단 내가 초보니까 인터넷에 도는 예제들을 이용해야하기때문에 ㅎㅎㅎ 바뀐지 얼마 안된 configureStore를 쓸 수는 없고 당황하여 해결 방법을 찾아보았다. 1. 취소선은 유지되지만 그냥 그대로 사용할 수 있다고 한다. (그냥 무시하면서 쓸 것) 2. Redux에서 제시하는 configureStore()를 사용해볼 것 3. 아래대로 명시적으로 변경하여 그대로 사용할 것 난 그냥 3번으로 사용했다. 취소선도 보기 싫고 나온지 얼마 .. 2022. 8. 1. [JavaScript] let/var/const의 차이 변수 선언 시 자주 쓰이는 let/var/const 의 차이는 무엇일까? 자바스크립트 초보인 내게 자문자답하며~ 개념을 정리해보자 1. var 선언 var로 선언하는 경우 자바스크립트는 호이스팅(변수 선언이 어디에 있든 상관없이 다른 코드보다 먼저 실행되는 특징) 에 따라 선언된 변수에 undefined가 먼저 할당된다. console.log(name) // output : undefined var name = 'jiyoon'; console.log(name); // output : jiyoon 또한, var의 경우 같은 함수 내에서 변수 사용이 가능하며 변수에 값을 재할당 할 수 있다. 그리고 변수의 중복 선언이 가능하다. 2. let 선언 let으로 선언하는 경우 선언보다 전에 호출했을 때 name에.. 2022. 8. 1. [React] UseEffect, UseRef 사용법 React에서 사용하는 Hook 중에서 UseEffect와 UseRef에 대해서 좀 더 알아보고 정리해보는 시간을 갖고싶어서 이 글을 작성한다. https://ko.reactjs.org/docs/hooks-effect.html Using the Effect Hook – React A JavaScript library for building user interfaces ko.reactjs.org 1. UseEffect란? 의존값으로 Props나 State등을 배열로 받아 해당 값이 변할 경우 UseEffect()의 첫번째 인자로 받은 함수를 실행시킬 수 있다. 밑에 세 가지 방법으로 사용되는데 1-1. 최초 렌더링 시에만 실행시키고 싶은 경우 useEffect의 두번째 인자로 [] 빈 배열을 설정해주면 최.. 2022. 7. 29. [React] Material UI를 이용한 FormDialog 구현하기 React에서 자주 쓰는 UI Framework 중 내 마음에 끌리는대로? 그 중 자주 쓴다는 Material UI를 이용해 Javascript의 Prompt 같이 입력하고 그 값을 받을 수 있는 Dialog를 만들어 보도록 하자. 1. Material UI 설치 https://mui.com/ MUI: The React component library you always wanted MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design. You will develop React applications fas.. 2022. 7. 29. 이전 1 ··· 3 4 5 6 7 8 9 다음 반응형
