전체 글72 React + styled-components 재사용 Toggle 버튼 이슈 현재 개발에 참여 중인 MATATA 서비스의 프론트엔드 업무 중 새로운 요구사항을 전달받았다. 디자인 변경으로 인해, 현재 기본 checkbox input을 애니메이션이 추가된 Toggle 버튼으로 바꿔야 했다. 디자인/기획 담당이 원하는 토글 버튼 디자인의 예시로 보내준 링크를 보니, 다음과 같았다. 29 Unique CSS Toggle Switches – FrontEnd Resource Here is a collection of some of the most unique CSS toggle switches for you. You may also like Pure CSS Toggles Dev: Rafael González Pure CSS Toggle Buttons | ON-OFF Switches .. 2021. 10. 18. JS33 - 25.프로미스(Promise) 프로미스 Promise Promise - JavaScript | MDN Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다. developer.mozilla.org var promise = new Promise(function(resolve, reject) { // do a thing, possibly async, then… if (/* everything turned out fine */) { resolve("Stuff worked!"); } else { reject(Error("It broke")); } }); Promise 는 자바스크립트 비동기 처리에 사용되는 객체 콜백을 함수에 전달하는 대신 콜백을 첨부하는 객체가 리턴되는 것이다. 보다 동기적인 방식으로.. 2021. 6. 24. JS33 - 24.컬렉션과 생성기(Collection and Constructor) 컬렉션 Collection JavaScript Collections Collections 프로그래밍 언어에서 Collection 이란 단어는 '프로그래밍 언어가 제공하는 값을 담을 수 있는 컨테이너' 라고 생각합니다. 메이저 프로그래밍 언어에는 여러가지 데이터 컬렉션들이 존재 velog.io 프로그래밍 언어가 제공하는 값을 담을 수 있는 컨테이너 Python - list, tuple, dictionaries … Java - ArrayList, HashMap, HashSet, Queue, Stack … Ruby - hashes, arrays Javascript(기존 Arrays + Objects, 이후 ES6에서 새로 추가) Indexed Collection - Arrays, Typed Array Keye.. 2021. 6. 23. GIT Error - Git can't detect local changes, can't add 오류 로컬 파일 수정 후 변경사항을 git add로 git index에 추가(staging)시 정상적으로 add 되지 않고, git status에도 변경사항이 기록되지 않는다. 즉, git이 로컬 변화를 인지하지 못한다. > git status On branch master nothing to commit, working directory clean 원인 및 해결 git은 원래 자동으로 파일의 변화를 기록하고 검사한다. 만약 해당 오류가 발생했다면 여러가지 원인이 있을 수 있다. .gitignore에 파일이 등록되어 있다. .gitignore 파일에 등록된 파일은 git이 파일 변화를 검사하지 않는다. 저장소 위치를 착각했을 경우 예를 들어, 파일을 수정한 text editor의 위치와 git statu.. 2021. 6. 13. GIT Error - can't find remote repository 오류 github 혹은 gitlab 등의 원격저장소를 로컬에서 clone, push, pull 등 조작할 때 발생 원인 로컬 git config의 계정 정보(credential)에 저장된 id 값에 해당하는 계정이 조작하려는 원격저장소에 대해 권한이 없을 때 발생한다. 즉, 접근(혹은 조회 및 수정) 권한이 없을 때 발생하는 에러이다. 해결 github 혹은 gitlab의 옵션 중 권한 옵션을 수정하여 로컬의 id에 관리 혹은 편집 권한을 부여한다. 현재 로컬 git config에 저장된 계정 정보가 옳게 되었는지 확인한다. 2021. 6. 13. Git 계정정보 초기화(git config clear), credential error 원인 및 해결방법 오류 Git clone/push: fatal : authentication error or Logon failed, use ctrl+c to cancel basic credential prompt. 원인 계정 정보의 불일치로 인해 인증이 실패한 상황에서 발생하는 에러다. git은 ID/PW를 입력해 계정 인증을 시도하면 계정 정보를 git config에 저장해 다음 인증 때 사용한다. 즉 git config에 저장된 id/pw가 맞지 않아서 발생하는 error이다. 주요 발생 원인은 아래와 같다. 온라인 상의 github에서 비밀번호를 수정한 후 로컬 git에 저장된 인증정보를 수정하지 않은 경우 처음 로컬 git에 인증정보 저장 시 ID/PW를 잘못 기입했을 경우 다른 저장소에서 사용하려는 config.. 2021. 6. 13. 이전 1 2 3 4 5 6 ··· 12 다음