더 알아보기/팁24 2022 웹개발 로드맵 총정리 (공부 순서) 출처 https://youtu.be/TTLHd3IyErM 2022. 1. 7. Figma 개발 플러그인 1) Figma to React Component Installed을 해서 플러그인 설치!! https://www.figma.com/community/plugin/959795830541939498/Figma-to-React-Component Figma - Figma to React Component | Simple generator for React Component. Select any node and run the plugin, it will generate R Figma Community plugin — Simple generator for React Component. Select any node and run the plugin, it will generate React code. To get .. 2022. 1. 3. 포스트맨(Postman) 사용법 Postman이란?? : API 개발을 보다 빠르고, 쉽게 구현 할 수 있도록 도와주며 개발된 API를 테스트하여 문서화 또는 공유 할 수 있도록 도와주는 플랫폼입니다. Postman 설치기 공식 홈페이지에서 다운 받아 설치 할 수 있으며, 이메일 계정으로 가입 또는 구글 연동을 기본적으로 제공합니다. (Sync 기능을 위해 연동을 하는 것을 추천합니다!) Postman 사용법 Query String이 포함된 GET 방식의 호출 URI에 query string을 포함한 GET 방식으로 호출하는 경우에는 위 그림의 URI에 입력한 키와 값이 URI 입력칸 밑에 [key]와 [value]로 추가되고, API 호출한 결과는 하단의 [body] 영역에 출력 됩니다. JSON이 사용된 POST 방식의 호출 JSO.. 2021. 12. 31. Grid, Chart, Olap, Input 등등 다양한 코드를 제공 해주는 사이트 http://demo.grapecity.co.kr/wijmo/learn-wijmo/ 데모 | GrapeCity 모든 컴포넌트 Wijmo의 interop 모듈에서 모든 컴포넌트를 시작하는 방법을 보여줍니다. Vue3 Zip 파일 다운로드 Vue3 demo.grapecity.co.kr 2021. 12. 24. Git Commit Convention 설정하기 메시지 구조 커밋 메세지는 크게 제목, 본문, 꼬리말 세가지 파트로 나눠지고, 각 파트는 빈줄을 두어서 구분합니다. 더보기 type(옵션): [#issueNumber - ]Subject // -> 제목 (한 줄을 띄워 분리합니다.) body(옵션) // -> 본문 (한 줄을 띄워 분리합니다.) footer(옵션) // -> 꼬리말 type : 어떤 의도로 커밋했는지를 type에 명시합니다. 자세한 사항은 아래서 설명하겠습니다. subject : 최대 50글자가 넘지 않도록 하고 마침표는 찍지 않습니다. 영문으로 표기하는 경우 동사(원형)를 가장 앞에 두고 첫 글자는 대문자로 표기합니다. body : 긴 설명이 필요한 경우에 작성합니다. 어떻게 했는지가 아니라, 무엇을 왜 했는지를 작성합니다. 최대 75자.. 2021. 12. 21. 좋은 개발 블로그 찾음 카카오 지도 API를 사용해서 마커 띄우는 방법을 찾아 보던 중에 알게 된 블로그인데 React, typescript에 대해서 자세하고, 알아 보기 쉽게 정리 해주셔서 실전 프로젝트 때 많은 도움이 될 것 같다. https://developer0809.tistory.com/ 이왕이면 최고가 되기 위한 shab 개발일지 ∞ developer0809.tistory.com 다른 조 분들이 하신 인스타그램 보니까 몇분 전, 몇일 전 띄우는 방법 https://kdinner.tistory.com/68 javascript - 날짜 계산(몇일전, 몇시간전, 몇분전) javascript 를 이용해서 몇일전, 분, 시간, 일, 년 까지 구하는 함수 토이프로젝트를 하다가 날짜계산을 하고는 싶은데 moment.js는 무겁다.. 2021. 12. 18. Visual Studio Code 유용한 익스텐션 모음집 익스텐션이란?? : 비주얼 스튜디오 코드에 추가적으로 설치할 수 있는 기능들 1. Better Comments : 주석을 더 잘보이게 해주고 몇 가지 색상 옵션을 추가해준다. https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments Better Comments - Visual Studio Marketplace Extension for Visual Studio Code - Improve your code commenting by annotating with alert, informational, TODOs, and more! marketplace.visualstudio.com 2. Error Lens : 코드에 에러가 있을.. 2021. 12. 16. 웹개발 툴 (숨겨진 유용한 기능들🍯🐝) 강력한 CSS 총정리, 쉐도우 간편하게 만들기, 폰트 쉽게 변경하기, 플렉스/그리드 쉽게 하는 방법들이 설명 되어 있다! https://www.youtube.com/watch?v=q_rBbcTiSC4&t=61s 2021. 11. 23. styled-components 자동 완성 플러그인 자동완성 플러그인을 안깔면 코드가 주황색으로 떠서 일일이 써야 했는 데 아래 사이트 참고해서 styled-component 자동완성 플러그인을 깔았더니 https://velog.io/@sdc337dc/TIP-Styled-Component-%EC%9E%90%EB%8F%99%EC%99%84%EC%84%B1-%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8 TIP) Styled-Component 자동완성 플러그인 styled Component를 사용하면 동적으로 요소(element) 스타일을 꾸밀 수 있다.그런데 styled Component에서 css 코드를 작성 시, 자동완성이 안되어 일일이 코드를 입력해야한다.그러면 실수를 할 경우 에러 velog.io 이렇게 자동완성 할 수 있게 코드 .. 2021. 11. 17. 이전 1 2 3 다음 728x90
