개발쬬 개발쬬

터미널에서 vscode 를 키는 단축키 code . code . 을 사용하면 해당 프로젝트 가 vscode 를 열게 해준다.회사에서 굉장히 잘 사용하고 있는 단축키라 없으면 불편할정도인데,, 최근에 슬슬 공부를 다시 시작하게 되면서 내 맥북에는 깔려있지 않다는 사실을 알게됨..! 😖      EACCES: permission denied, unlink '/usr/local/bin/code' 라는 에러가 뜨는데, 결국 usr/local/bin 경로에 cdoe 권한이 존재하지 않기에 권한을 줘야한다는 뜻이기에, 권한을 주기만 하면 오류는 해결된다!          터미널에서 세팅해주기1. 터미널을 킨다2. ~ 상태에서 cd /usr/local/binsudo rm -rf code 이렇게 하면 패스워드를 입력..

https://developer.zendesk.com/api-reference/help_center/help-center-api/sections/ Sections Developer documentation for products at Zendesk developer.zendesk.com

> 순서없는 목록 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam velit modi est amet voluptas dicta nostrum incidunt dolore atque, unde maiores facere consectetur provident et distinctio dolor eveniet tempora aut! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam velit modi est amet voluptas dicta nostrum incidunt dolore atque, unde maiores facere consectetur provident e..

> 문단 문단 문단 문단 문단 문단 띄어쓰기 문단 밑줄 pre : 정의된 형식 block 그룹 inline 그룹 strong 강조 em / 기울기 mark 형광 small 저작권 제거된 텍스트 밑줄 subscript 아래첨자 윗첨자 blockquote 인용구 / block 인용구 / inline 줄임말

페이지에서 이미지를 미리보기 하고 싶은 경우 사용할 수 있는 코드다 let reader = new FileReader(); if (form.values.imageUrl) { reader.readAsDataURL(form.values.imageUrl); reader.onloadend = () => { setImageSource(reader.result); }; } 비슷한 원리로 다른곳에도 적용이 가능하다

✔️ 정석 방법 let form = new FormData(); form.append("id","id"); form.append("password","password") ✔️ stringify 사용한 방법 data 구조 그대로 stringify 로 감싸주면 string 화 되면서 form 요소처럼 사용이 가능하다. stringify({id:id,password:password}) ✔️ axios 호출시 const { data } = await axios.post(`url`,stringify(params));

input 에서 type을 number로 설정하면 위아래로 올리는 키가 나온다. 이걸 spin button 이라고 하는데, UI 적으로 예쁘지 않아 숨기는 경우가 많다. 공통 css 코드에 inner-spin-button 을 숨겨주면 예쁘게 사용할 수 있다. input::-webkit-inner-spin-button { appearance: none; -moz-appearance: none; -webkit-appearance: none; }

[CSS] 페이드 효과 넣어주기 fade-up fade-down scss up, 이나 down 등 여러가지 애니메이션 효과를 지정해 줄 수 있다. 해당 class 명을 사용해 원하는 곳에 넣어주면 된다..fade { &-up { opacity: 0; animation: fadeUp 1s ease forwards; } &-down{ opacity: 0; animation: fadeDown 1s ease forwards; } }​ css forwards 설정을 넣어줌으로써 애니메이션 상태가 유지될 수 있도록 해준다..fade-up { opacity: 0; animation: fadeUp 1s ease forwards; }​ animation keyframes 를 지정한 후 0% - 100% 상태를 변경해준다..