본문 바로가기

TIL

[TIL-149] 위코드 59일차: {detailToggle && ( 지원 회사 지원 직군 지원 일자 지원 상태 {applicationList.length && applicationList.map((detail, index) => ( {datail.company_name} {detail.category} {detail.applied_date} {detail.apply_status} ))} )} 잡았다...... 오타..... // 최상위 부모 컴포넌트에서 deleteFile()과 fileLoad() 함수를 props로 받음. // Before 1 { deleteFile(uuid); fileLoad(); }} > 삭제 // Before 2 { await deleteFile(uuid); fileLoad(); }} > 삭제 // After //.. 더보기
[TIL-148] 위코드 57일차: formData https://velog.io/@xedni/JavaScript-%ED%8C%8C%EC%9D%BC-%EC%97%85%EB%A1%9C%EB%93%9C-FormData 더보기
[TIL-147] 위코드 54일차: React에서 슬라이더 만들기 시작 실패 Your requested instance type (t2.micro) is not supported in your requested Availability Zone (ap-northeast-2b). Please retry your request by not specifying an Availability Zone or choosing ap-northeast-2a, ap-northeast-2c. @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @ WARNING: UNPROTECTED PRIVATE KEY FILE! @ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ It is .. 더보기
[TIL-146] 위코드 53일차: React에서 파일 다운로드하기 sticky https://deeplify.dev/front-end/markup/position-sticky a와 button const FileMenu = () => { return ( 이름 변경 다운로드 삭제 ); }; .fileMenu { position: absolute; left: 50px; top: 30px; display: flex; flex-direction: column; width: 100px; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); border: 1px solid #d1d1d1; button { all: unset; padding: 8px 15px; background-color: #ff.. 더보기
[TIL-145] 위코드 52일차: "file" type https://hianna.tistory.com/346 https://hianna.tistory.com/345 이용 https://velog.io/@dody_/react-input-typefile-%EC%9D%B8-%EA%B2%BD%EC%9A%B0-%EC%8A%A4%ED%83%80%EC%9D%BC%EB%A7%81-%ED%95%98%EA%B8%B0 파일 다운로드 의 download 속성 https://thewebdev.info/2021/05/24/how-to-download-file-in-react-js/ 참고할 방법 https://velog.io/@kados22/react-s3-%ED%8C%8C%EC%9D%BC-%EB%8B%A4%EC%9A%B4%EB%A1%9C%EB%93%9C-%EB.. 더보기
[TIL-144] 위코드 51일차: 그리드 https://studiomeal.com/archives/533 테이블 만들기 태그 구성 지원 회사 지원 직군 지원 일자 지원 상태 위코드 컴퍼니 프론트엔드 2022.3.14 지원 완료 HTML 삽입 미리보기할 수 없는 소스 table < thead/tbody < tr < th/td thead와 tbody를 안 쓰고 바로 tr을 넣었더니 콘솔에서 경고를... 배경색 넣기 https://www.codingfactory.net/10517 React에서 개행하기(줄바꿈) https://facerain.club/react-newline/ React에서 파일 업로드하기 https://cookinghoil.tistory.com/114 더보기
[TIL-143] 위코드 44일차: 업데이트 된 state 값이 한박자 늦게 적용되는 문제 setState는 비동기적으로 처리함. array.length : 빈 배열인지 확인하는 법 배열이 비어있다면 어떤 코드를 실행하려고 한다. const array = []; if (!array) { console.log(array); => !array는 false이므로 실행되지 않음. } if (!array.length) { console.log(array); => array.length는 0이므로 falsy(?). 따라서 !array.length는 true이므로 실행됨. } array는 그 안이 비어있더라도 배열이 존재하는 그 자체로 truthy. 문자열이 어떤 값이든간에 한 글자라도 존재할 때와 마찬가지다. 자식 컴포넌트 안에서 부모 컴포넌트에 값.. 더보기
[TIL-142] 위코드 43일차: 문자열.toLocaleString("ko-KR") 현재 지역 통화에 맞게 바꿔줌. 더보기

티스토리툴바