개발쬬

zendeskZendesk는 고객 지원 및 서비스 관리를 위한 클라우드 기반 소프트웨어입니다. 주로 기업이 고객 문의를 효율적으로 처리할 수 있도록 도와주는 도구이며, 대표적인 헬프데스크(Help Desk) 솔루션 중 하나입니다. zendesk 관련 안내 페이지 Documentation HomeDeveloper documentation for products at Zendeskdeveloper.zendesk.com zendesk 참고할 수 있는 개발 문서 SectionsDeveloper documentation for products at Zendeskdeveloper.zendesk.com zendesk 포스트맨 링크 Zendesk Public APIZendesk Public API on the..

> 순서없는 목록 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% 상태를 변경해준다..

[CSS] 글자 수 초과하면 말줄임표 제한하기 한줄 두 줄 등등 scss // 줄 한도 시 ... 제한 .limit-text { width: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; // 2줄 한도 시 ... 제한 &-line { width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } css // 줄 한도 시 ... 제한 .limit-text { width: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; ..