kasumil의 코딩 공작소

- 오늘 학습한 내용. api : 브라우저 내에서 작동하는 함수 (application programing interface) use strict : 자바스크립트 내에서는 할당하지 않아도 에러를 내지 않는다. 그렇기에 선언되지 않은 변수를 사용하는 문제를 에러를 나타내어 문제를 잡아 줄 때 사용된다. 'use strict'; async : 비동기로써 해당 기능을 불러올때, 작동한다. 그러나 자기 멋대로 순서 없이 작동하므로 오류를 낼 가능성이 있다. 불러올 때 순서가 다름에 따라서 해당 기능을 구현할 때, 에러를 낼 가능성이 있다. 2번째의 b.js가 2번째로 불러왔음에도 속도가 빨라 제일 먼저 끝났다. 하지만, 3번째는 아직도 불러오고 있는 상태. 그러므로 3번째의 기능을 유저가 건드렸을때, 기능이 있..

youtu.be/zHjC3nC_7ls 팀명 : anser 팀원 : 신영재, 송수호, 이지윤 프론트엔드 3명 신영재, 송수호, 이지윤 프로젝트 github github.com/limo-sum/anser limo-sum/anser Contribute to limo-sum/anser development by creating an account on GitHub. github.com 레포소유한 팀원이 해당 기업에서 현직으로 일하는 직원인지라 해당 깃레포를 private로 변경하는 바람에 새로운 레포를 파서 다시 링크를 달고자 한다. github.com/kasumil/anser-intern kasumil/anser-intern Contribute to kasumil/anser-intern development ..

- 오늘 해야할 일 영문 내용 번역하기, 쓸모없는 내용 수정하기 - 오늘 수정사항 번역진행 및 요구에 따른 코드제거 - 오늘 진행사항 번역진행 및 요구에 따른 코드제거 - 오늘의 코드 없음. github 폭파시킬 뻔... git checkout master git pull git checkout feature/브랜치 로 했어야하는데, 마스터에서 git merge feature/브랜치를 해버림. 이거때문에 깃이 꼬여서 큰일날뻔했다 커밋이 안되고 git rebase --edit-todo를 해도 버그픽스가 안됨. 강제로 pull 당겼을때로 git reset --hard 해당 커밋으로 돌아가서도 안되었는데, 해당 머지 것을 다시 당겼더니 다시 살아남. github 폭파시킬 뻔... git checkout mas..

- 오늘 해야할 일 다운로드 기능 구현 영문 번역 진행 - 오늘 수정사항 영문 번역 진행. 다운로드 기능 구현 - 오늘 진행사항 - 오늘의 코드 }) .then((res) => { const down = res.data.data.download; let a = document.createElement('a') a.href = down; a.download = down; document.body.appendChild(a) a.click() document.body.removeChild(a) }) .then((res) => { sessionStorage.removeItem( "stock_code", "comp", "start_date", "end_date" ); alert("요청하신 메일로 정상 발송되었습니..

개발하다보면 git에서 pull하여 해당 브랜치를 최신화를 하게된다. master 브랜치에선 분명 바뀐 코드가 있는데, 해당 feature/branch에선 git already up to date라고 뜰때가 종종 있을 것이다. + 팀원에게 듣기로는 merge 하지말고 rebase를 적용하라고... 이런 경우에 그냥 push하면 기존에 수정한 코드들이 제대로 갱신되지 않는다. 이때 해결책은 이러하다. $ git fetch --all $ git reset --hard origin/master 출처 : stackoverflow.com/questions/25411366/git-repo-says-its-up-to-date-after-pull-but-files-are-not-updated git fetch down..

- 오늘 해야할 일 파일 다운로드 주소 요청 - 오늘 수정사항 파일 경로 부분 진행 중 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..

// 백엔드 버튼 눌렀을시에 보내주는 기능 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..

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

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