one Book a Day

-프로그래밍 언어의 특성, 라이브러리의 특성 -프로그램이 동작할 H/W와 OS에 대한 지식 -라이브러리들의 유의사항들 -프로그램이 사용할 수 있는 최대 메모리 -사용자 대응 시간 제한 -재사용성이 높은 간결한 코드 =>프로그램 작성을 위한 많은 제약조건들과 요구사항들을 이해하고 최선의 방법을 찾아내는 능력. 프로그래머가 사용가능한 언어, 라이브러리, 자료구조, 알고리즘을 '적재적소'에 사용하는 능력 => 새로운 언어, 프레임워크, 개발 방법론의 조합방법을 배워야함. => 경험을 통해서 나아지지않음. 인위적이고 정제된 추상적인 문제를 제시하고 해결하면서 능력을 향상시키는 훈련 필요

결국 알고리즘이란 생각하는 능력이며 문제를 해결하는 방법이다. 하지만 기존 인간의 논리에서 벗어나 CT를 할 필요가 있다. 문제를 기능으로 나누고 기능이 실행되는 시점을 나누고 각 기능이 동작하는 과정을 생각해본다. 1. 문제 읽고 이해하기 2. 문제를 익숙한 용어로 재정의하기 3. 어떻게 해결할지 계획 세우기 4. 계획 검증하기 5. 프로그램으로 구현하기 6. 풀이를 돌아보고 개선할 방법 찾기. -직관적이고 체계적인 접근 1. 비슷한 문제를 풀어본 적 있는가? 2. 단순한 방법에서 시작할 수 있는가? 3. 문제를 단순화 할 수 있는가? (그림그릴수있나? 수식으로 표현할 수 있나?) 4. 문제를 분해 할 수 있을까? 5. 뒤에서부터 생각해서 문제를 풀수있는가? 6. 특정형태의 답만을 고려할 수 있을까?

1. 크롬 웹스토어에서 REDUX DEVTOOLS 다운로드하고 2. createStore마지막 인자로 ,(콤마) 하고 +부분 넣어주면 됨. const store = createStore( reducer, /* preloadedState, */ + window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() ); https://github.com/zalmoxisus/redux-devtools-extension#installation zalmoxisus/redux-devtools-extension Redux DevTools extension. Contribute to zalmoxisus/redux-devtools-extension ..

React component의 render 함수 return값은 jsx 문법을 쓰게 되는데 여기서 컴포넌트들은 반드시 하나의 DOM 트리구조를 가져야한다. virtual DOM 에서 컴포넌트 변화를 감지 하기 위해서이고 이를위해 최상위 태그를 꼭 하나 써줘야 한다. 예전에는 태그 혹은 섹션태그(header,nav,footer 등)를 이용해서 감쌌었으나 react는 Fragment를 지원하는데 이는 의미없는 div의 남발을 막기위해서이다. (그치만 styling할때 다시 div태그로 바꾸는 일도 허다..) 혹은 로 사용하며 (이상하게 내 vs-code에서는 가 적용이 안됨..) 최종적으로 렌더링되어 웹 브라우저에 나타나는 코드에서는 보이지 않는다.

jsconfig.json만들고 { "compilerOptions": { "baseUrl": "src" }, "include": ["src"] } 붙혀넣고 저장. 출처:https://create-react-app.dev/docs/importing-a-component/ Importing a Component | Create React App This project setup supports ES6 modules thanks to webpack. create-react-app.dev 공식문서

https://dongmin-jang.medium.com/vuejs-%EB%8F%99%EC%A0%81-%EB%B9%84%EB%8F%99%EA%B8%B0-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-4cf1a4f7e561

-firebase https://firebase.google.com/docs/auth/admin/errors Admin Authentication API 오류 | Firebase 다음은 Firebase Admin Node.js Authentication API에서 발생하는 오류 코드와 설명, 권장 해결 단계를 모두 포함하는 목록입니다. 오류 코드 설명 및 해결 단계 auth/claims-too-large setCustomUserClaims()에 제공된 클 firebase.google.com -react-router https://reactrouter.com/web/api/Redirect/to-string React Router: Declarative Routing for React Learn once, ..

React, Firebase 기반 twitter clone과정 중 일어난 에러. props object가 전달 중 길을 잃었을 시 나오는 에러로 오류 stack을 잘 살펴봐도 알 수 없을 시 try catch문 안에서 길을 잃었거나 (try-catch문은 await안에서 오류를 발견할 수 없다.) API를 받아오는 와중에 잃었을 가능성이 크니 그쪽부터 확인 할 것.

위 그림은 React 컴포넌트의 생성부터 삭제까지의 동작 과정이며 방법론이다. render()를 제외하고 크게 세가지로 나뉜다. 1.Mounting(생성) 2.Updating(수정) 3.Unmounting(죽음) Mounting는 DOM이 생성되고 웹에 component가 나타나는 로직인데 컴포넌트가 생성되면 constructor가 호출되어 클래스 기본값을 설정하고 -componentWillmount(): 컴포넌트 UI 렌더링 전 호출 -render(): 컴포넌트 UI 렌더링 -componentDidMount(): 컴포넌트가 브라우저 위에 나타난 후 호출 순서로 진행된다. Updating은 -props변경 -state변경 -부모 컴포넌트 리렌더링 -this.forceUpdate()실행 시 이루어지며(re..

Redux란 JS app들을 위한 예측가능한 상태의 저장소이다. (SW의 가장 큰 위협은 complexity 즉 눈에 보이지 않는 복잡성이라 할 수 있고 개발자는 코드의 복잡성을 낮춰 app들이 예측 가능하게 할 필요가 있다.) 핵심은 store로 state라는 상태정보의 저장소역할을 한다. 상태관리 툴을 쓰지 않는 app들은 state에 직접 접근해 관리하나 Redux상에서 state는 오직 dispatcher과 reducer에 의해서만 작성, 수정(Write(Create), Update)이 가능하고 getState를 통해 Read를 수행한다. 이는 direct한 접근을 막으므로써 의도치않은 변화를 방지하고 예측가능하게 통제하는데 의미가 있다. (이러한 특징으로 인해 UNDO,REDO를 쉽게 할수있다...