본문 바로가기

분류 전체보기58

css 커스텀 border 만들어주는 사이트 border dotted 간격을 넓히고 싶어 찾아보다가 유용한 사이트를 발견했습니다. kovart.github.io/dashed-border-generator/ Dashed Border Generator by @kovart With this tool you can simply increase space between dots, change dash length or distance between strokes. kovart.github.io 원하는 스타일을 지정하고 밑에 코드를 복붙하기만 하면 되서 편하네요 ! 2020. 12. 22.
React로 사고하기 ! react.js 의 파일구조를 어떻게 나눠야하는지 고민하다가 react.js 공식 문서에서 하나의 글을 발견했습니다. react로 프로젝트를 개발하며 많은 도움이 될 것 같아 한 번 정리해보려고 합니다. ko.reactjs.org/docs/thinking-in-react.html React로 사고하기 – React A JavaScript library for building user interfaces ko.reactjs.org 목업으로 시작하기 목업(Mock up)이란 프로토타입, 시제품, 견제품과 같은 말입니다. 말그대로 미리 그려보고 시작하라는 것입니다. React 공식 문서의 예시를 가져와 보겠습니다 . JSON API와 목업을 디자이너로부터 받았다고 가정해 봅시다. 밑에 사이트는 다음 프로젝트 .. 2020. 12. 21.
useEffect 사용하다가 무한루프에 빠졌다 ? react-hook 사용하여 프로젝트를 진행 중, 잘 사용하던 useEffect로 인해 무한루프에 빠졌습니다. useEffect(() => { try { const something = {api 데이터 가져오는 코드}; //something은 object if (조건 true) { setOthers(others); setSomething(something); } } catch (error) { ... } }); 대략 이런 코드였는데 구글링을 열심히 해보니 something이 object 타입이라 생긴 문제로 판단했습니다. c언어에서 주소값이 다른 것처럼.... object는 같은 빈 object여도 {} 와 {} 이 다릅니다. 그래서 setSomething으로 something을 계속 업데이트해서 생긴 .. 2020. 12. 3.
[프로그래머스] 단어 변환 https://programmers.co.kr/learn/courses/30/lessons/43163 코딩테스트 연습 - 단어 변환 두 개의 단어 begin, target과 단어의 집합 words가 있습니다. 아래와 같은 규칙을 이용하여 begin에서 target으로 변환하는 가장 짧은 변환 과정을 찾으려고 합니다. 1. 한 번에 한 개의 알파벳만 바꿀 수 programmers.co.kr function solution(begin, target, words) { var answer = 0; var q = []; if (words.indexOf(target) < 0) return 0; var cnt = 0; q.push([begin, cnt]); while (q.length !== 0) { var word.. 2020. 8. 25.