코딩의숲

인프런에서 한입크기로 잘라먹는 리액트 강의를 듣는 중이다. 여러 장소에서 옮겨가며 듣다보니, 코드를 자연스레 git hub에 푸쉬해놓고 그때그때 풀해서 쓰게 된다. 이번에 clone한 프로젝트는 npm start 가 실행되지 않아서 문제를 해결하고자 했다. npm start 명령어를 터미널에서 입력하자 react-scripts 은(는) 내부 또는 외부 명령 실행할 수 있는 프로그램 또는 배치 파일이 아닙니다. 라는 문구가 떴다. 괜히 npm과 node.js의 버전을 확인해본다. (설치가 안되어있어서 파일이 누락된 것일 수도 있으니...) npm, node.js가 제대로 설치 되어있는 것을 확인 할 수 있다. ** react-script 설치하기 ** npm install -g react-scripts :..

가상면접 사례로 배우는 대규모 시스템 설계 기초 12장 채팅시스템 설계 1. 문제의 이해 및 설계범위 확정 - 채팅앱의 종류가 여러가지이기 때문에 면접관과 이에 대해 명확히 기준을 잡아두는 것이 필요하다. - 1:!일 채팅에 집중하는지, 그룹채팅에 중점을 두는지, 메시지를 주고받는데 중점을 두는지, 음성채팅이 중요한 앱인지.... - 일별 능동 사용자 수가 몇명인가? - 접속상태를 표시해야하는가? 푸시알림이 필요한가? - 하나의 계정으로 여러 단말에 동시접속을 지원 해야 하는가? - 종단간 암호화기능이 필요한가? 일별 능동 사용자 수(DAU: Daily Active User) - 앱을 다운로드하고 사용한 사람. 업종별로 '사용'의 기준이 다르다. 우리도 단순 로그인 기준으로 해야할지, 채팅을 확인하거나 ..

인프런에서 한입크기로 잘라먹는 리액트 강의를 듣다가 문과의 언어로 이해되지 않는 것들이 있어서 찾아봤다. 1. 콜백함수란 무엇인가? 콜백은 호출한다는 뜻이다. 함수를 호출해서 다른 함수에 전달하여 사용하는 것이 콜백 함수다. 호출된 함수는 호출 한 함수 안에서 어떤 조건을 만족하거나 이벤트가 일어날 때 실행한다. 예를들면 이런것인데, 함수 1 { 함수 2 } 함수 2 { } 함수 1을 실행해야 그 안에서 함수 2가 돌아간다. 저런 형식의 함수를 고차함수라고 부르고, 고차 함수 안에서 호출되어 사용되는 함수(함수2)를 콜백함수라고 부른다. 그리고 저렇게 함수1이 실행될 때 함수2를 실행시키고, 함수 2가 실행될 때 함수 3이 실행되고...........를 이름하여 콜백지옥이라고 부르는 것 같다. 함수1 {..

오류 메시지 - Failed to get remote.origin.url (task must either be run in a git repository with a configured origin remote or must be configured with the "repo" option). 원인 - origin에 리모트가 안되었던것 같다. master에 리모트 되었다고 끝이 아닌가보다. origin에 다시 연동해주기로 한다. 해결 - 1. npm add --dev gh-pages (npm아, github Pages 기능을 설치해줘라.) 2. git remote add origin 깃헙주소 (repository에 origin을 연동 하여라) 3. git push -u origin master (orig..

드디어 숙원 과제 하나가 끝났다. 회사의 퍼블리싱 가이드를 만드는 것이다. 원래는 홈페이지 리뉴얼 작업을 하면서 하나하나 다듬어 나가려고 했지만, 몇달째 디자이너가 공석인 관계로 리뉴얼이 무산이 되었기 때문에 기존 홈페이지의 퍼블리싱 가이드를 만들게 되었다. 사용 언어는 간략하게 html, css, jQuery 이다. 바닐라 자바스크립트였다면 훨씬 좋았겠지만, 가장 손에 익어서 효율적이라고 생각했기 때문에 제이쿼리를 사용 했다. 게다가, 후임자가 아니면 볼 사람도 없는 순수하게 내부 소통용도의 문서이기 때문에 최대한 빠르고 간결하게 만드는 것이 우선이라고 생각했다. 작성 기간은 대략 3~4주 정도 걸린 것 같다. 어려워서가 아니라, 어떤 구성으로 만들어야 할지 고민이되었기 때문이다. ui의 디자인 없이 ..