비전공 개발자 캐나다 브리

어젯밤부터 계속 publickey 문제로 갑자기 git push가 안된다고 나와서 몇시간이나 고생을 했는데, 역시 안될 땐 그냥 덮어두고 다음날 새로 시작하는 기분으로 집중해서 찾아보니까 고쳐졌네요 휴. 쓰던 repository 그냥 삭제하고 새로 만들까 고민했는데, 고쳐져서 너무 다행입니다 😭 저는 아래의 글들 도움되었어요. 1. 로컬 머신에 SSH key 만들고 깃헙에 추가하는 법 https://gist.github.com/adamjohnson/5682757 Fix "Permission denied (publickey)" error when pushing with Git Fix "Permission denied (publickey)" error when pushing with Git - publick..

데브리입니다. 사실 아무것도 몰랐던 처음 코딩 공부를 시작해볼까 했던 것도 제가 비주얼, 인터렉티브, 멀티미디어 디자인 같은 쪽에 관심이 있는데 코딩으로 그런 걸 만들어보면 좋겠다는 생각을 막연하게 했기 때문입니다. 이런 제 취향을 정확하게 꿰뚫고 있는 페이스북 광고의 알고리즘ㅋㅋㅋ 지난달 무료하게 페이스북 피드를 넘겨보다 광고가 떠서 우연히 발견하게 된 Domestika의 Creative Coding 수업입니다.입니다. Domestika라는 온라인 강의 사이트는 처음 알게 되었는데, 주로 아트 & 비주얼 쪽 강의가 많아서 이것저것 배워보고 싶은 게 많더라구요!! 혹시 관심있으신 분 계실까 해서 추천해봅니다! 이 수업을 통해 만들어 본 결과물들도 보여드릴게요. (움직이는 모습이 더 흥미로운데 파일이 너무..

https://github.com/jsx-eslint/eslint-plugin-react/issues/3215 jsx-key `Missing "key" prop for element in array` when there is no array/iteration · Issue #3215 · jsx-eslint/eslint-plugin-re Hello, I just upgraded eslint-plugin-react from 7.28.0 to 7.29.0 The result is I now get a Missing "key" prop for element in array error on all my components, regardless of them having an... github.com I can c..

Sorting Algorithms Animations https://www.toptal.com/developers/sorting-algorithms Sorting Algorithms Animations Animation, code, analysis, and discussion of 8 sorting algorithms on 4 initial conditions. www.toptal.com Insertion Sort const numbers = [33, 12, 4, 65, 52, 41, 7, 12, 27]; function insertionSort(array) { const length = array.length; for (let i = 0; i < length; i++) { if (array[i] < a..

react-router-dom은 오직 route만 바꾸기 때문에 페이지 중간에 를 넣고 다른 페이지로 이동을 시키면 페이지 상단이 아닌 페이지 중간으로 이동이 된다. import { useEffect } from "react"; import { useLocation } from "react-router-dom"; export default function GoToTop() { const routePath = useLocation(); const onTop = () => { window.scrollTo(0, 0); } useEffect(() => { onTop() }, [routePath]); return null; } 그래서 이렇게 GoToTop.js 파일을 만들어서 윈도우 0,0 위치로 이동시키는 fu..

데브리입니다. 작년 10월에 사놓고 공부하다 11월, 12월은 거의 안하고, 이달 들어서 다시 들으며 오늘 겨우 수료한 Brad Traversy의 Mern Stack 프로젝트 강의예요. 프론트엔드 위주로만 공부하다 아무래도 풀스텍 지식을 요구하는 회사가 더 많다보니, 저도 백엔드를 좀 더 공부해야겠다는 생각이 들어서 MERN 프로젝트를 배울 수 있는 강의를 찾다가 발견했어요. https://www.udemy.com/course/mern-stack-front-to-back/ MERN 이란? MongoDB Express React.js (Angular 혹은 Vue로 대체하면 MEAN, MEVN) Node 일반적으로 프로젝트가 이 네가지 스택을 합쳐 만들어지는 경우가 많기 때문에 이들을 합쳐 MERN이라고 불..

오랜만에 유데미 강의를 듣다가 몰랐던 html element들이 나와서 기록. : Table Row : Table Data Cell : Table Header Cell : Table Head 예 1. , 예 2. , 예 3. , , , Name ID Membership Dates Balance Joined Canceled Margaret Nguyen 427311 June 3, 2010 n/a 0.00 Edvard Galinski 533175 January 13, 2011 April 8, 2017 37.00 Hoshi Nakamura 601942 July 23, 2012 n/a 15.00 출처: MDN

데브리입니다. 늘 혼자서만 깃과 깃헙을 쓰다가 처음으로 팀 프로젝트를 해봐서 헷갈리는 부분이 있어 오늘 찾아본 내용을 정리해 두려고 해요. 역시 공부할 땐 그냥 당장 내 깃 push 할 때 필요한 내용만 머리에 들어오더니, 업무를 하기 위해서는 바로 이해해야 하는 부분이 있어 다시 찾아보다 보니 확실히 머리에 더 잘 들어오네요. 잊어버리기 전에 정리해두겠습니다! 1. 팀 프로젝트에서 access가 가능하고, 본인 branch를 만들어야 할 때 우선 github에서 해당 repository로 들어가서 git clone 하기 -> 본인 컴퓨터에 다운받을 수 있음. 본인 컴퓨터로 작업하는 동안은 working directory 에 있는데, git add를 하면 staging area, 다 작업하고 git co..

데브리입니다. 어제부터 새로운 유데미 강의를 듣기 시작했는데, 듣기 전에 vscode extention을 몇 개 추천하더라구요. 대부분이 이미 제가 쓰고 있었던 거라 새로울 건 없었지만 혹시 아직 모르시는 분들을 위해 추천합니다. 1. Prettier 코드를 쓰다가 빠트린 부분이나 띄어쓰기 등이 잘못된 경우, 저장을 할 때마다 자동으로 바로잡아주는 필수 extention 입니다. install 하는 걸로 끝이 아니라 꼭 prettier user settings 에서 가셔서 추가로 설정할 부분들을 확인하시고 원하시는 대로 설정하셔서 사용하시길 권해요. (세세한 설정은 유튜브나 구글로 검색하셔서 쉽게 확인하실 수 있어요) 2. vscode-icons 저장하는 파일명에 따라 자동으로 파일 아이콘을 바꿔주기 때..

데브리입니다. 리액트로 프로젝트를 만들 때는 .gitignore이 포함되어 있어서 깃헙에 업로드 할 경우 자동으로 node 모듈을 빼주는데, 그냥 플레인 자바스크립트로 프로젝트를 만들 때 저는 가끔 .gitignore을 깜빡해서 크기가 큰 node module까지 같이 올려버리는 실수를 자주 한답니다;; 오늘도 같은 실수를 하는 바람에, 깃헙에서 삭제했어야 하는데 그 방법을 공유해드리고자 합니다. 이렇게 initial commit할 때 노드 모듈도 같이 업로드가 되어버리면 깃헙에서 어떻게 지워야 할지 방법이 궁금하신 분들 많으시죠? 1. 해당 프로젝트 내에 .gitignore file을 만든 후, node_modules를 입력합니다. 2. terminal에 아래와 같이 입력 합니다. git rm -r -..