kasumil의 코딩 공작소

- 오늘 해야할 일 파일 다운로드 주소 요청 - 오늘 수정사항 파일 경로 부분 진행 중 fetch함수를 axios로 변경 - 오늘 진행사항 파일 다운로드 로직문제 해결 중 - 오늘의 코드 }) .then((res) => { const file = new URL( `url` ); console.log(file); // 파일 주소 제대로 찍히는 여부 file.searchParams.get("file"); // 파일 다운로드 console.log(file.searchParams.get); // 파일값을 제대로 읽는지 확인 // FileSaver.saveAs(res.url, "stock") // 라이브러리를 통한 다운로드 // let a = document.createElement('a') // 자바스크립트 옛..

- 오늘 해야할 일 인턴 마지막 주에 따른 여태껏 해놓은 결과물 발표. 그후에 따른 코드 수정에 따른 내용수정. (패스워드 체크칸 만들고 확인 기능 추가) (이메일 주소에 따른 이메일 주소 확인 기능 추가) - 오늘 수정사항 회원 가입에 예전에 고쳐놓은 글씨가 왜인지 고쳐지지 않았음. 이부분 재수정 패스워드 플레이스 홀더 부분이 password => Password로 변경 리캡차 제거 footer 링크 리스트 수정, 로고 수정 - 오늘 진행사항 이상 끝. - 오늘의 코드 useEffect(() => { const emailValid = validator; const isEmailDetector = emailValid.validate(userInfo.email); const isEmail = userInf..

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

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

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

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

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

- 오늘의 할일. 1. 김민준의 리액트를 다루는 기술 완독하기 2. submit 버튼을 눌렀을때 다른 컴포넌트에서 state값으로 저장된 것들 뽑아와서 백엔드에 보내주고, 그 파일을 다운로드 시키는 기능 완성할 것. - 리액트를 다루는 기술을 읽고 있는 이유는 오늘은 위코드데이라고 중간 보고하는 날이라 협업중인 상황과 개인공부하는 날이라고 보면 된다. 지난주는 anser 기능 구현을 위해서 하루를 오로지 사용했지만, 오늘은 기능구현보다 내 개발 능력을 성장시키기위해 쓰는 날이다. 리액트를 쓰고 있지만, 알게모르게 왜 이렇게 작성하는가(?) 하는 의문을 갖고 있었는데, 그런 내용을 해소할 수 있게 해당 책에 많은 내용이 있더라 ㅎㅎㅎ 여태껏 부족했던 개념인 것들에 대해서 지금은 빈틈을 채우고 있다. 2번째..

* 아직 리덕스는 학습을 시작한 상태라 적용하지 않았음. - 오늘의 할일. 1. 어제 구현하지 못한 input check 박스 선택에 따라서 필요한 컴포넌트 호출하는 기능 구현. 2. email 주소와 쿼리네임을 선정하여 해당 input 창에 기입하면 해당 값을 입력시키기. 3. 제출하기 버튼클릭시 해당 이메일과 다운로드 기능 구현 - 진행 완료사항. 1. input true : faslse값에 따라 해당 컴포넌트 호출하는 기능으로 구현. 2. email, input 창 기입에 따른 해당값 state값으로 저장구현. - 진행중 사항 - 1. submint 버튼 클릭시 이메일로 발송과 해당 파일을 다운로드 요청하는 기능 구현 중 2. 각자의 컴포넌트마다 해당 state 값이 저장되므로 Redux를 공부하여..

- 오늘의 할일. React Datepicker 커스텀하기. 남은 포인트 설정하기. DatePicker를 커스텀하는 중. 특정일자로 datepicker를 설정하려고 하는데, jQUERY와 다르게 react라서 헤맸다. 원래는 jQUERY에선 그냥 "2019-12-31"만 적으면 되는데 DATEPICKER는 날짜만 기입되면 안되고, 해당 날짜 앞에 new Date("날짜") 쳐야 작동하는 것.... setStartDate(date)} selectsStart startDate={startDate} endDate={endDate} minDate={new Date("1925-12-31")} maxDate={new Date("2019-12-31")} dateFormat="yyyy-MM-dd" onKeyDown={..