본문 바로가기

전체보기106

[Axios/Fetch] 함수 내에서 AJAX 요청으로 받은 데이터를 리턴하기? 프로젝트 진행 중 함수 내에서 AJAX 요청을 주고 받고, 해당 데이터를 return하려고 했으나 실패했다. 문제 상황 및 원인 - 상황 : 함수 내에서 AJAX 요청으로 받은 데이터를 return 하려고 했으나 실패 - 원인 : AJAX를 통해 데이터를 받기 전에 이미 return문이 실행됨 (return 문 실행 이후 비동기 처리가 이루어짐) const testHandler = () => { let testData = [] axios.get( // return 문 실행 이후 비동기 처리 진행 `http://localhost:5000/career/${jobSeekerId}`, {withCredentials: true} ) .then((res)=>{ testData=[...res.data.data] }).. 2021. 11. 9.
[React] 이벤트 함수에 매개변수 전달 (에러핸들링) 이벤트 함수에 매개변수를 전달하는 경우, 이를 return문에 전달하는 과정에서 에러가 발생했다. 문제 상황 1. return문에서 onClick 키워드로 이벤트 함수를 전달했으나, 매개변수가 전달되지 않음 2. 매개변수 및 클릭이벤트와 상관없이 이벤트 함수가 실행됨 export default function CompanyMyPage () { const [jobList, setJobList] = useState('') // Job 정보가 담기는 배열 // job 엘리먼트 삭제 핸들러 const DeleteJob = (jobId) => { axios.delete(`http://localhost:5000/job/${jobId}`, {withCredentials: true}) .then(res=>{ setEv.. 2021. 11. 1.
[React] 함수 내 setState 사용 시, state 변경 순서와 타이밍 (에러핸들링) 프로젝트를 진행 중 요일(day)을 체크박스로 선택하여 state에 담는 기능을 구현했다. 이벤트함수 내에서 setState를 사용했다. 그러나 여기서 state가 변경되는 시점을 이해하지 못하여 에러가 발생했다. 문제 상황 1. 이벤트 함수 내에서 setState를 사용했으나, 다음 줄에서 여전히 state가 변경되지 않음 2. 이벤트 함수 내에서 또 다른 이벤트 함수를 사용했으나, 마찬가지로 변경전인 state를 사용하여 연산함 3. 코드 - return 문은 생략 - 수요일~일요일 정보를 담는 state와 함수는 생략 - 클릭이벤트를 통해 monHandler와 tueHandler가 먼저 실행됨 export default function CompanyMyPage () { // 체크박스에서 선택된 요일.. 2021. 11. 1.
[이벤트 함수] button 태그와 onClick/onSubmit (에러핸들링) 프로젝트 중 에러는 아니지만 원하는 기능이 구현되지 않았다. 태그에 onSubmit 속성을 onClick으로 변경하자 문제가 해결되었다. 문제상황 및 해결방안 - 문제상황 : 태그에 onSubmit 속성을 활용하여 이벤트 핸들러를 할당하자, 동작이 안됨 - 해결방안 : onSubmit 속성을 onClick으로 변경 // create 요청을 위한 이벤트 핸들러 코드 const addToDoListHandler = (e) => { e.preventDefault(); let data = { userId: userId, list: ToDoList, startTime: ToDoStartTime, endTime: ToDoEndTime, theme: TodoTheme, date: date, }; axios .post.. 2021. 10. 18.
[코드스테이츠] 2주 프로젝트 회고 코드스테이츠에서 Session 3를 통과한 후 프로젝트에 돌입했다. 4인 1조로 진행된 2주간 프로젝트를 마무리했다. 나는 주로 서버 개발과 클라이언트 쪽의 State 관리 및 에러 핸들링을 담당했다. 프로젝트를 하면서 느꼈던 점을 회고하고자 한다. 제작 서비스 1. 서비스 개요 - 서비스명 : To Do List - 설명 : 시간 관리와 목표 달성을 위한 스케줄러 2. 서비스 기능 - To Do List 와 Not To Do List 항목을 작성하고 시간을 계획 - 이후 항목에 대한 시간 사용을 기록하여 계획에 대한 피드백 - 시간사용 기록 및 계획대비 달성 정도를 차트로 확인 가능 담당해서 개발한 기능 1. 서버 - ToDoList/NotToDoList 항목을 DB에 저장하기 위한 모델(테이블) 제작.. 2021. 10. 15.
[Axios] get 요청 시 Query Params 보내기 (에러핸들링) 프로젝트 중 axios를 통해 get 요청 시 에러가 발생했다. request body로 데이터를 보냈더니 에러가 발생하여, Query Params 를 통해 데이터를 전송하여 문제를 해결했다. Error 세부사항 - 상황 : 클라이언트에서 서버에 get 요청을 하며 request body에 userId 정보를 전달 - 에러 : 서버에서 request body 에 있는 userId 정보를 받지 못함 (request.body는 undefined) - UnhandledPromiseRejectionWarning: Error: WHERE parameter "userId" has invalid "undefined" value // 클라이언트 app.js에서 get 요청 코드 const ToDoListHandler .. 2021. 10. 7.
[밸류에이션] 장기투자 종목 선정 및 가치함정 (Value Trap) PER, PBR 기준으로 저평가 되었지만 주가가 오르지 않는 종목들이 많다. 유튜브 변두매니저님 영상에 따르면 이를 '가치함정'이라고 하는데 관련 내용을 블로깅해보았다. 1. 장기투자 적정 종목 : 주가가 꾸준히 우상향하는 종목 주가가 장기적으로 우상향하는 종목 : 순이익이 꾸준히 증가하는 기업 과거에 순이익이 꾸준히 증가하던 회사는 주가가 우상향해왔고, 앞으로도 그럴 가능성 높음 순이익이 증가하지 않고 유지되는 기업 : 주가도 횡보하기 때문에, 장기투자가 아닌 매매로 수익을 내야 함 2. 가치함정 (Value Trap) 멀티플 밸류에이션 (PBR, PER) 기준으로 저평가된 주식이 장기간 지속해서 낮은 수준으로 유지하는 현상 싸고 저평가된 주식을 보유하지만 주가가 오르지 않음 재무제표의 현금 흐름이 좋.. 2021. 10. 5.
[금융지표] 주식 하락장 이전 시그널 확인하기 (하락장 피하기) 유튜브에서 구독중인 변두매니저님 영상을 보다가 내용이 너무 좋아서 블로깅을 했습니다. 용어 정의 조정(correction) : 증시 지수가 고점에서 10% 하락. 일시적 이벤트 하락장(Bear Market) : 증시 지수가 고점에서 25% 하락. 시스템 리스크 (금융위기) 또는 장기적 경기둔화로 발생 증시 지수 예시 : KOSPI, KOSDAQ, DOW, NASNAQ, S&P 500 주식보다 유동성이 높은 자산들 확인하기 하락장을 앞두고 금융 기업에서는 유동성이 큰 자산부터 매도 관련 자료 : www.finbiz.com 1. 채권, 환율, 상품 확인하기 주식 시장보다 유동성이 높고, 주식 시장보다 1달 전에 시그널 나옴 상품 : 유가, BDI 운송지수, 소비지수 2. 글로벌적으로 유동성이 큰 국가/종목의.. 2021. 10. 5.
반응형

티스토리툴바