코딩 농장

구름 에듀에 생활코딩 강의가 올라와서 호다닥 Redux를 수강해봤다. 이고잉님 강의는 역시 강의 하나하나가 짧고, 다 합쳐도 부담스럽지 않은 양이라 좋다. 설명이 쉬운것은 덤. https://edu.goorm.io/learn/lecture/14440/%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A9-redux 생활코딩 - Redux - 구름EDU 생활코딩과 함께 상태 저장소 Redux를 활용하여 효율적인 웹 애플리케이션을 제작해 봅시다. edu.goorm.io 무료니까 위 링크로 들어가서 들어보시길! 위 강의를 들으며 내가 이해한 로직은 다음과 같다! store를 생성한다. 생성시 reducer를 연결해주어야 한다. var store = Redux.createStore(reducer) u..

인턴이 되고 정말 바쁘게 살면서 공부할 시간이 없었는데, 유튜브 추천 영상에 뜬 노마드 코더님.. (유튜브 볼 시간은 있음ㅋㅋ..ㅠ 노력하자..) https://www.youtube.com/watch?v=lkTpOHv1Ros CSS로 가능하면 편할것 같아서 써보려고 한다! 환경 goorm IDE(클릭시 이동) React 프로젝트 생성 제가 구름 ICT 인턴인거든요 헿 1. @supports flex의 space-evenly는 IE에서는 제공하지 않는다. 그래서 위와 같이 보인다. ( 저 주소는 내가 컨테이너 실행을 해야만 열려서 들어가봐도 소용 x ) 코드는 간단하다. import React, { Component } from 'react'; import logo from './logo.svg'; imp..

웹 파일 매니저를 구현중이다. 우선 프론트를 구성한다. 나는 react-dropzone을 이용하여 프론트를 만들었다. npm install react-dropzone const Workspace = () => { const {getInputProps, open, acceptedFiles} = useDropzone({noDrag: true}); const [files, setFiles] = useState(null); const config = { headers: {'content-type' : 'multipart/formdata'} }; useEffect(() => { console.log(acceptedFiles); const datas = acceptedFiles.map(file => { let fo..

협업할 때 다들 fork 후 PR을 날리는 형태로 많이들 할 것이다. (사실 다들 그러는지 잘 모른다. 하지만 나는 여태까지 모든 프로젝트를 저런 식으로 해왔다.) 이때, upstream repo의 prod 브랜치로 heroku에 배포중이었다고 치자. 그런데, 이 브랜치가 삭제 되었다면 ? 백업 된 브랜치나, 가장 최신버전을 가지고 있는 팀원도 없다면 ? ( git reflog로도 최신버전을 다운받은 사람이 없어서 복구 불가능 ) 그런데 다행히 heroku에 automatic하게 deploy하는 상황이라면 ?! (이것도 안된다면 그냥 각자가 커밋한걸 다시 PR하는 수밖에..) https://help.heroku.com/FZDDCBLB/how-can-i-download-my-code-from-heroku ..

십자뒤집기 [문제] 당신에게 3x3 크기의 보드가 주어진다. 각각의 칸은 처음에 흰색 혹은 검은색이다. 만약 당신이 어떤 칸을 클릭한다면 당신이 클릭한 칸과 그 칸에 인접한 동서남북 네 칸이 (존재한다면) 검은색에서 흰색으로, 혹은 흰색에서 검은색으로 변할 것이다. 당신은 모든 칸이 흰색인 3x3 보드를 입력으로 주어지는 보드의 형태로 바꾸려고 한다. 보드를 회전시킬수는 없다. [풀이] 처음에 3x3 흰 보드가 주어짐! input으로 주어지는 보드로 최소 몇 번 만에 도달할 수 있는지? 보드(맵)이 있고, 최소 몇 번! 이면 이제 bfs나 dfs를 쓰자. 이문제는 한 방향으로 밀고가는 dfs보단 여러방향 한번에 넣는 bfs를 쓴다. 최소 몇번이니까. [내 코드 알고리즘] bfs를 하려면 방문 체크를 해야..