파일 업로드 확장자 제한, 같은 파일 첨부 막기

다 쓰고 나니 뭘 당연한걸 썼나 싶네 .. 첨 알았을 땐 좀 놀랐음 ㅠ 지금까지 거의 단순 조회하는 업무만 하다가 파일 업로드를 맡으니 당황.. 알고보니 간단한 작업이었다 ㅠㅋㅋㅋ 역시 선 취업 후 공부의 폐해 내 업무 : 파일 보내기 기능 구현 - 파일 확장자 제한하기 (엑셀만) - 같은 파일 연속 첨부 가능하게 하기 api 등록하는 것부터 멘.붕이었다. 지금까지 그냥 이런식으로 등록함 ... 요청하기: (params) => httpClient .post(`api주소`, params) .then((response) => response), 하지만 파일 업로드는 좀 다르더라 ... 업로드해라: ({ formData }) => httpClient .post(`api주소`, formData, { header..

• format_list_bulleted 🧠 저장/Javascript
• · 2022. 12. 13.
• textsms

localStorage에 JSON을 쓰는 이유

Javascript 📌 localStorage localStorage 객체 : 지역적으로 사용할 수 있는 저장소 객체 데이터 저장을 할 땐 일반적으로 세션이 큰 걸 활용하지만 간단하게 만들때는 localStorage도 ㄱㅊ localStorage 객체의 메소드 getItem('키') 특정한 키로 값을 꺼낼때 setItem('키','값) 특정한 키로 특정한 값을 저장할 때 removeItem('키') 특정한 키로 어떤 값을 제거할 때 clear() 전체 제거 하나씩 가져오는 구조 document.addEventListener('DOMContentLoaded', () => { const p = document.querySelector('p') const button = document.querySelecto..

• format_list_bulleted 🧠 저장/Javascript
• · 2022. 11. 24.
• textsms

문서 객체 조작

문서 객체 조작 조작 : 값을 추출하거나 넣는 것 🧁 문서 객체를 조작할 수 있는 위치 (1) head태그의 script에서 조작 (2) body태그 마지막에 배치한 script에서 조작 (1)번 같은 경우는 문서 객체가 모두 만들어진 이후에 함수를 시행해야한다. 하지만 head가 body보다 앞에 있기 때문에 순서가 맞지 않음! 이럴때 쓰는 것이 DOMContentLoaded ※ DOMContentLoaded : DOM 콘텐트 로드가 완료되면! 이라는 이벤트임 이런식으로 쓴다 ... addEventListener('DOMContentLoaded',()=>{ 어쩌구 코드 }); 즉, DOMContentLoaded 라는 이벤트를 설정하여 조작하는 것! 🧁 문서 객체 가져오기 body태그 내부의 다른 태그를..

• format_list_bulleted 🧠 저장/Javascript
• · 2022. 11. 14.
• textsms

커밋 메세지는 스윗하게 💕 (컨벤션)

🔗 인프런 - 제대로 파는 Git & GitHub - by 얄코 회사에서는 그냥 하라는 대로 하긴 했는데 강의 보고 이런 것도 있구나~ 신기했음 참고하자! 일단 커밋 메세지 적는 팁 1. 커밋 메세지는 어떤 작업이 이뤄졌는지 알아볼 수 있어야함 2. 한 단위 작업은 커밋 하나에 담는게 좋음 왜냐면 여러개 같이 커밋했다가 하나만 취소해야되면 머리아픔 컨벤션 어떻게 쓸지 팀원들이랑 협의하는 것 커밋 메세지 적는 방법은 팀마다 다 다르니까 정답은 없음! 전 세계적으로 사용되는 커밋 메세지 작성 방법 ▼ 커밋 메세지 예시 feat: 어쩌구 기능 추가 사용자가 어쩌구 기능을 쓸 수 있게 다음과 같은 기능들을 추가함 - 춤추기 - 노래하기 Closes #125 예시 중에 feat은 타입인데 여러가지 타입들이 있다 ..

• format_list_bulleted 🧠 저장/Git
• · 2022. 10. 30.
• textsms

배열과 객체 관련 기초

자바스크립트 배열과 객체 관련 기초 배열과 객체 🐇 배열과 객체의 비교 const 배열 = [값, 값, ...] const 객체 = {키: 값, 키: 값} 식별자인 키는 숫자로 시작하지 않음. 기호는 $랑 _만 사용가능 🐇 내부 요소 접근 방법 배열[index] 객체.키 객체['키'] 이것도 가능한데 잘 안씀 🐇 요소와 속성 요소 : 배열에서 값 하나하나를 '요소'라고함 속성 : 객체에서 키: 값 하나를 '속성'이라고 함 🐇 this 활용 익명함수에서는 this는 자기 자신!! 하지만 화살표함수에서는 this가 따로 연결이 안됨 const 디스 = { 익명 : function() { console.log(this) }, 화살 : () => { console.log(this) } } 디스.익명() 를 호출..

• format_list_bulleted 🧠 저장/Javascript
• · 2022. 10. 27.
• textsms