개발쬬 개발쬬

실무 프로젝트 작업하면서 도움을 많이 받았던 플러그인 & 익스텐션 추천을 드려볼까합니다.평소 가장 유용했고 실무적으로 도움이 많이 되었기 때문에 기록용 이면서 추천용 입니다. Windsurf Plugin 아쉽게도 커서ai에는 지원되지 않지만, vscode 사용시 굉장히 유용하게 사용했던 AI 플러그인 중 하나입니다.아래 이미지처럼 코딩을 하다가 자동으로 코드를 작성해주기도 하고, 변수명을 예측해서 추천해주는 용으로 많이 사용했습니다. 다른 파일을 참고해서 코드를 작성해주기 때문에 프로젝트 사이즈가 클 수록 더 유용하게 사용했던 것 같습니다. Windsurf Plugin (formerly Codeium): AI Coding Autocomplete and Chat for Python, JavaScript..

터미널에서 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; }