본문 바로가기

전체 글

 (275)
[book] 감정의 발견 모든 감정은 내면에서 무슨 일이 일어나고 있는지 알려주는 중요한 정보원이다. 인간 의 복합적 감각이 몸과 마음, 바깥세상에서 소식을 가져오면 뇌가 이 를 정리하여 분석한 뒤 표현해 낸다. 이것이 바로 '감정'(feeling)이다.https://product.kyobobook.co.kr/detail/S000001919282 감정이 중요한 이유"스트레스는 인간을 투쟁-도피 상태에 빠뜨려 장기적으로 건강 유지 및 회복 기능을 떨어뜨린다." 스탠퍼드 대학교 로버트 새폴스키 (Robert Sapolsky) 교수가 저서 《행동하라》(Behave)에서 한 이야기이다. 또한 그는 만성 스트레스의 결과를 다음과 같이 설명했다. "기억력과 정확도가 떨어지며, 쉽게 피로해져서 우울해지고 생산성이 저하된다." 집단 괴롭힘 같..
[react] onChange 와 onClick React Calendar library 쓰다가 onChange event handler 가 자동으로 props 를 전달한다는 것을 알게 되어서 onClick 도 자동으로 넘기나요? 물어보니까 그렇다고 함. @_@ 출처 : ChatGPT In React, both onChange and onClick event handlers automatically receive event objects as their first arguments, but they behave differently in terms of passing additional arguments. 둘의 차이는 뭘까? onChange: 입력 필드나 선택 요소와 같은 폼 엘리먼트에 onChange를 사용하면 React는 자동으로 이벤트 핸들러에 ..
[react/reduxToolkit] configureStore( { } ) 중괄호를 넣는 이유 지식이 짧아서 reduce만 넣을 수 있는 줄 알았는데, 다른 추가 기능이 있었군요. import { configureStore } from '@reduxjs/toolkit'; import rootReducer from './reducers'; const store = configureStore({ reducer: rootReducer, middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(myCustomMiddleware), devTools: process.env.NODE_ENV !== 'production', // Other configuration options... }); export default store; 참조 chatGPT
[React] React-Router-Dom, Header를 넣을 수 있는 위치는? 인터넷에서 배우는 것과 달리 공식 홈페이지 권장하는 방식으로 Router 방식을 바꾸니까 를 어디에 넣어야 할지 몰라서 일단 테스트 중. 나의 질문은 2가지 1. Root component(공식 홈페이지 명칭) === App component 인가? 2-1. component는 필요한가? 2-2 component는 어디에 위치시켜야 하는가? 현재 진행형 질문 : 2024.03.07 main.jsx(index.js)는 아닌 듯 작동 안 함 공홈에서는 Root Component라고 쓰는거 같은데 여기선 난 App으로 처리 해보기로 했다. component에서는 작동
[React]네이버 api 로그인 client(로그인 버튼)/back(callback 통신) 저는 client 에서 로그인 버튼을 만들고 여기서 인증을 받으면 back으로 보내서 callback을 처리하는 방식으로 진행하였습니다. client 도음 받은 사이트 : https://choijying21.tistory.com/entry/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%84%A4%EC%9D%B4%EB%B2%84-%EC%86%8C%EC%85%9C%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0%ED%94%84%EB%A1%A0%ED%8A%B8-%EB%B6%80%EB%B6%84-%EB%84%A4%EC%95%84%EB%A1%9C back 도움 받은 사이트 :https://koreankoder.tistory.com/14 ..
[react] 반복문 2가지 방법 for loop == map
[react] redux store createSlice 가져오기 오류 초보라 그런지, 유튜브 내용을 그대로 따라 했는데, 오류가 떴다. No reducer provided for key "auth"라고 한다. 그런데 아마도 const store 안 reducer { authSlice.reducer } 라고 써서 생긴 오류라는 것을 확인 했다. reducer를 제거하니까 문제가 해결되었다. 왜 그런 이슈가 생긴건지 아직 확인 하진 못했다. 요즘 npm 버전 이슈로 계속 npm 지웠다가 깔았다 반복하니까. 이제 대략 어떤 느낌으로 오류가(?) 발생하는지 알겠더라.. 이것 또한 유사하게 흘러가려나 보다...ㅠㅠ
[react/props] props 방식 글 업데이트 일자:2024.02.22 props를 자식에게 전달할 수 있는 방식은 다양한다. 1. useState 2. native Mehtods 3. customized things props으로 사용자 만든 이벤트 함수를 전달 할 수 있다. onChangeMode={ () => { setIsDark(!isDark)} } 개인적으로 나는 isDark, setIsDark를 전달 다만, 현재 작동을 하는 페이지에서 어떤 작동이 일어나는지 알 수 있는게(코드 읽기 좋은 것은) 하는 onChangeMode(개인화 된 함수) 전달이 중요
mac 권한 설정 해제 추가적인 이슈 해결책 권한 설정 disable https://m.blog.naver.com/5341287/221697740777 https://stackoverflow.com/questions/32659348/operation-not-permitted-when-on-root-el-capitan-rootless-disabled
[NPM] package manager version conflict(버전 이슈) 버전 이슈가 있어서 짜증난다. 사진을 찍었어야 했는데, 사진을 못 찍어서 그래도 남겨놓은 글을 적어 놔야겠다. No loader is configured for ".node" files: node_modules/re2/build/Release/re2.node 개념은 하나의 매너지에 프로젝트마다 다른 버전으로 생기는 이슈일 수 있다고 한다. 그래서 Gemini는 -g 를 써서 버전 관리를 하는게 좋다고 한다. 1. 버전 확인 vite --vision or node -v 2. 전역(global) Dependencies를 확인 : npm list -g or yarn global list 불필요하거나 안 맞는 거 있으면 삭제 삭제는 두 가지 방법 1. a certain package만 삭제 2. 그냥 packa..
[Javascript] function and ( ) =>{ } 비교 연습해보기 onClick 조회 () => { } 조회
[Javascript] fetch with post post를 쓸 때는 body에 데이터를 담아서 보내줘야 한다. 다만 여기서 주의해야 할 사항은 JSON.stringify()를 해줘야 한다는 것이다. 물론 여기에 맞춰야 할 양식이 있다. 나는 아직 이 부분이 미숙지 된 것 같다. 따라서 여기서 한번 정리해 놓고 가끔식 봐줘야 할꺼 같다. const options = { method : "POST", headers : { "Content-Type" : "application/json", // 아이디와 키값을 넣을 때도 있으니 연속해서 쓰는 방법도 숙지가 필요하다. 형태는 위에 동일하다. "API 명칭" : "API KEY" body : JSON.stringify({ word : keyword //사용자 페이지에서 전달 받은 값, content : 'inf..

티스토리툴바