kasumil의 코딩 공작소

- 오늘 해야할 일 submit 버튼을 구현하여 해당 값을 죄다 보내고, 서버에서 보내온 파일을 다운 받을 수 있게 만들기. - 오늘 수정사항 step1 세션 스토리지 저장방식 변환. step4 세션 접근 방식으로 값을 조절. - 오늘 진행사항 파일 다운로드 기능을 제외한 모든 기능 구현. - 오늘의 코드 // 백엔드 버튼 눌렀을시에 보내주는 기능 const SubmitQuery= () =>{ const comp = sessionStorage.getItem("comp"); const startDate = sessionStorage.getItem("startDate"); const endDate = sessionStorage.getItem("endDate"); const selected = sessionS..

- 오늘 해야할 일 백엔드와 회원가입 연결하기 - 오늘 수정사항 필요없는 잔여 코드 삭제 및 import 순서 정리 - 오늘 진행사항 백엔드 회원가입 성공 정상적으로 페이지에서 넘어가는 것도 성공. - 오늘의 코드 e.preventDefalut() 오늘 엄청나게 고생했다. 왜냐하면 이상하게 진입이 엉뚱한 곳으로 가는 것이 아닌가? 처음엔 파비콘이 문제인가 했었다. 그런데 스택오버플로우를 보면 그게 문제가 아니라 다른 숨어있는게 문제라고 한다. 찾다보니 이게 문제였다. formtag는 제일 먼저 렌더하는데, 그로인해 엉뚱한 페이지로 날려버리는 것.... 원래 사이트에서 클론을 진행하는데, 해당 자료가 있다보니 이거 뭔데 있는거지? 하면서 그냥 그대로 복사해서 만들었는데, 해당 문구를 지워야지하면서 까먹고 ..

git rebase를 할때 원래는 vim으로 진입되던 것이야 하는데, 어느날부터 갑자기 unix로 진입되는 것이었다. 이유를 모르고 있었는데, 방금 알았다. 그 이유는 vim이 아닌 vscode 내장에디터로 설치되어있던 git때문이었다. 1번 사진처럼 찍힌 것으로 vim으로 깔다보니 기본적으로 rebase를 할때 vim으로 진입한다. 그렇기에 i, d버튼을 누르면서 esc :wq등을 누르면서 컨트롤해야한다. 그러다보니 힘들게 컨트롤해야하는데, 이를 아주 쉽게 해결 되는 방법이 있다. 바로 2번째로 옵션을 선택해서 설치하면 되는 것이다!!!! 최신 업데이트 되면서, vscode 내장 에디터로 설정이 가능한것이다. 그렇기때문에 굳이 i, d를 누르면서 내용을 변화시킬 필요가 없고 그냥 타이핑하듯이 백스페이스..

오늘 해야할 일 백엔드와 데이터 연결해서 해당 자료값들 붙여보기. 백엔드 측에서 데이터를 주지 않는다...(서버내 수정하느라 꺼진 듯) 세션으로 올라오는 값들을 죄다 가져오기해야하는데, 일단 붙여보고나... 오늘 수정사항 없음. 일단 버그는 다 수정해서 오늘 진행사항 재택근무로 인한 할일 없음.(이미 프론트측에서 확인할 것들은 죄다 끝나서...) 리덕스 학습함. 오늘의 코드 없음. 오늘 리덕스대한 학습을 시작하려고 한다. 기존에 리덕스를 적용한다는 글이 있었는데, 해당 글에서는 결국 적용하지 못했다. 그 이유가 리덕스를 새로 배워 적용하는데 있어 오랜 시간이 걸려 State값을 결국 세션스토리지로 올려 이 자료값들을 해당 세션에서 컨트롤하는 것으로 해결. 아무튼 시간도 많이 남는데, 그런고로 Redux를..

// 백엔드 버튼 눌렀을시에 보내주는 기능 const SubmitQuery= () =>{ useEffect(() => { const comp = JSON.parse(sessionStorage.getItem("check")) const endDate = JSON.parse(sessionStorage.getItem("endDate")) const startDate = JSON.parse(sessionStorage.getItem("startDate")) fetch('',{ method: "POST", headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ comp, endDate, startDate, check }) }) .then(r..

자택근무로 인해서 노트북으로 작업하다가 노트북 사양의 부족함을 느껴서 기존 작업의 내용을 고사양 데스크탑에서 진행하기로 결심! 기존 자료를 옮기기 위해 github에 노트북에서 진행하던 작업내용(기능구현을 완료한 상태)를 push하고 merge한 상태에서 데스크탑에서 git pull 하고 merge한 상태에서 npm실행! npm install 실행 했더니 뜬금없이 "react-scripts 은(는) 내부 또는 외부 명령 실행할 수 있는 프로그램 또는 배치 파일이 아닙니다." 라는 오류가 출력! 찾아봤더니 원인은 node_modules에 새로운 라이브러리는 추가되었는데, 업데이트가 안되어 그런 것으로 나오더라. npm update 실행 후 npm install 실행 했는데도 안됨... npm install..

아까전에 TIL을 다 쓰고 잠자러가기전에 조금만 더 만져보기로 했는데, 이게 왠걸 바로 해결. 바로 해당값에 직접 접근하려고 했던 것이 문제였다. 달력창을 호출하면서 아무 생각없이 조물딱 거리다가 불현듯 생각이 났는데, 처음에는 달력을 호출해서 나가도 안꺼지는건가 했는데, 마우스를 달력 선택범위 밖으로 꺼내보니 잘 작동하더라. 즉, 마우스 이벤트는 정상적으로 작동되고 있었고, 단지 날짜를 클릭했을 경우 꺼지지 않는 게 문제였다는 것을 인식하였다. 이를 해결하기 위해서 datepicker 안에서는 직접 접근이 어렵기때문에 이를 해결하기 위해서 useEffect를 만져보았다. 이전에 작성한 내용에서 해당 날짜의 변화값을 인지하는 useEffect에서 해당 내용을 추가하였다. //날짜 형식변환기, 마우스 이벤..

- 오늘해야할 일. 없음. 쉬는날인데 뭘해야하니? 라고 생각했지만, 놀것도 없어서 코딩을 붙잡고 있다. 낮잠도 잤고 말이다 ㅎㅎ 오늘의 노동은 useEffect에서 다운로드 기능을 구현해보았다. 그냥 인터넷에서 찾아보니 a태그로 구현해보라길래 그대로 가져와봤다. 그로인한 문제점. 아직 구현해보지 않았기에 잘 작동할 것인가? 라는 의문. sessionStorage의 저장되어 있는 값들을 가져오는 것을 선언했는데, console창에서 사용되었지만, 선언되기전에 사용되었다는 경고문이 뜨더라.. 이를 어찌해야 해결할 수 있는지 여부와 다운로드 기능이 과연 잘 작동할 것인가? 라는 의문이 생김. const SubmitQuery= () =>{ useEffect(() => { const comp = sessionSt..

- 오늘의 할일. 달력 인풋창의 마우스이벤트 발생시 다른 곳을 가도 안꺼지는 오류 수정 달력 반환값을 표현방식을 변환하여 출력하기 보내기 버튼 구현시에 해당 state값을 죄다 보내주기. - 오늘한 일 달력 반환값을 표현방식을 변환하여 출력하기(회원가입, step1 페이지 진행) - 진행예정 및 진행중 달력 input창 이벤트는 input을 만들었더니 클릭했을시에 같이 호출되는 상황이라 클릭해서 호출 되는 부분을 컨트롤하려고 찾는 중. 보내기 버튼은 처음에는 부모로 state값을 보내서 컨트롤하려고 했는데, 너무 힘들기만 하고 잘 불러오지지도 않아서 그냥 sessionstorage로 보내버림. 보내기 버튼 클릭시 다운로드와 해당 자료들을 모두 보내는 작업 진행중. 나의 오늘의 코드! 왜 useEffect..

- 오늘의 할일. Crsp라고 Daily stock을 보여주는 페이지가 있는데, 각 하위 컴포넌트에서 해당 값을 끌어와 마지막 step4에 해당 state 값들을 넘겨서 해당 컴포넌트에서 버튼을 누르면 작동하게 하는 것을 구현하고 다운로드를 구현해야하는데, 매우 어렵다... 이것만 구현해도 오늘 하루는 충분히 일했다고 생각된다. 그만큼 어렵다. 그리고 여기에 + submit query를 눌렀을 경우 해당 파일을 다운로드 시켜야하고, 이메일도 있을 경우 해당 이메일로 발송되게 설정해야함. 난이도가 너무 급 상승해서 힘들긴한데, 이걸 해결하면 또 한번 성장할 것으로 생각해서 여러모로 구글링 중. state값을 여러개를 한번에 넘겨줄 수는 없는건가????