본문 바로가기

분류 전체보기48

MVC, ORM, Sequelize what is MVC MVC패턴은 Model, View, Comtroller 의 약자인 소프트웨어 아키텍쳐 디자인 패턴이다. - Model : Database와 상호 작용하는 부분 - View : 사용자가 보는 부분 - Controller : 입력을 받아 모델로 전달하고, 데이터를 돌려받으면 뷰로 보내주는 역할 * mvc 패턴을 사용하는 프레임워크 - Ruby on Rails (Ruby) - Laravel (PHP) - Codeigniter (PHP) - Django (python) - Express (JS) - Backbone (JS) - Angular (JS) - Flask (python) 2022. 3. 15.

[SQL] im-sprint-learn-sql 데이터 베이스용 프로그래밍 언어인 SQL을 공부했다. 데이터베이스에 쿼리를 보내 CRUD를 할수있는 언어인 SQL 문법을 스프린트 기준으로 정리해보자. 스프린트는 part 5까지 있고, part1,2는 mysql 퀴즈와 설치로 이루어져있어 어렵지 않으므로 part3부터 다루기로 한다. Part 3의 목표 데이터베이스를 연결하고, 주어진 스키마를 구현할 수 있도록 SQL 문 작성. vscode에서 과제를 시작하기에 앞서 설치해둔mysql에 접속해야 테스트케이스를 통과할수있다. /migrations/schema.sql 이번 스프린트의 핵심이고, 반드시 작성해야 하는 부분. 테이블과 컬럼을 생성해야 과제를 진행할수있다. 만들어야하는 테이블 스키마를 보고 필요한부분을 채운다 USE learnmysql; /* D.. 2022. 3. 9.

프로그래머스 lv.2 피보나치 수 피보나치 수열은 반복문, 재귀, DP에서 꾸준히 다뤄온 부분이라 가벼운 마음으로 시작했다. 당연히, 피보나치는 재귀지.. 하고 1차 시도 했으나.. function solution(n) { let fibo = (n) => { // if (arr[n] !== undefined){ return arr[n]; } arr[n] = fibo(n-1)+fibo(n-2); return arr[n]% 1234567; } return fibo(n); } //스택 오버플로우로 스택메모리를 넘는 함수호출. 뒤쪽 테스트 케이스 통과안됨 2차시도 function solution(n) { let memo = [0, 1, 1]; for(let i = 3; i 2022. 3. 6.

[Ubuntu] 저장소 정보 다운로드 실패 / 캐시 새로 고침 중 오류 오류내용 mysql의 GUI 툴인 Work Bench를 설치하며 cmd 명령어를 무작정 복붙하다가 실수가 있었던 모양이다.. ㅜㅜ 이 파일을 읽을 수 없다는 오류메세지인것 같고 업데이트시에 계속 문제가 생겨 거슬린다.. 아마 해결하지 않아도 큰문제는 없을것 같지만, 거슬리니 해결 방법을 찾아보기로했다. 발견한 것 구글링 검색어로 'The repository does not have a Release file' 넣어 주었고, 비슷한 오류 해결 블로그가 나와 참고하였다. 우분투에서 source를 관리하는 sources.list파일 상단에 (파일 위치 :/etc/apt/sources.list) `deb cdrom:[Ubuntu 20.04.3 LTS _Focal Fossa_ - Release amd64 (202.. 2022. 3. 6.

섹션 2 회고록 순식간에 지나간 5주간의 섹션2 섹션2는 객체지향 프로그래밍으로 시작하여 vercel배포로 끝난 낯선개념들이 줄줄이 나오는 커리쿨럼이였다. 중간에 비동기가 나올때는 거의 울며 공부했는데 그렇게 바닥을 치고나니까 다음에 만나는것들도 물론 어려웠지만 '에라 모르겠다 부딪혀 보자' 하는 마음으로 진행할 수 있었다. 물론 챕터 하나라도 완벽히 내힘으로 다했다 라고할 수 있는게 없었기 때문에 섹션 3으로 와서도 불안한 마음이 많이든다. 지금도 섹션 2의 스프린트들을 다시 풀어보라 그러면 잘 못할것 같기 때문이다. 그럼에도 불구하고 섹션2를 재수강하지않은 이유는 재수강을 하게 되더라도 섹션 3에서 하는게 나을것같고, 무엇보다 빨리 취업하여 실무에서 배우는것이 이곳에서 5주간 배우는것보다 훨씬 빠르게 배울수있을것이라.. 2022. 2. 28.

22.02.18 TIL Redux Achievement Goals 상태 관리 라이브러리가 왜 필요한지 이해할 수 있다. -많은 컴포넌트 사이에서 프롭스를 내려주기 간편하다. -스테이트를 한군데에서 관리하니 에러 핸들링이 쉽다. Redux (혹은 Flux Pattern)에서 사용하는 Action, Reducer 그리고 Store의 의미와 특징을 이해할 수 있다. -Action: 어떤액션을 취할지 정의해놓은 객체 -Reducer: 현재의 state와 Action을 이용해서 새로운 state를 만들어 내는 pure function -Store: state가 관리되는 오직 하나뿐인 저장소 Redux의 3가지 원칙이 무엇이며, 주요 개념과 어떻게 연결되는지 이해할 수 있다. -동일한 데이터는 같은곳에서 가져온다. -상태는 읽기 전용으로.. 2022. 2. 18.

API, UseEffect로 관리하기 Use Effect가 아직 어떤 녀석인지 잘모르겠다.. 공식문서 확인 고고 UseEffect = 함수 컴포넌트 내에서 side Effect 를 처리하기 위해 사용한다. *Side Effect란 함수가 실행되면서 함수외부에 존재하는 값이나 상태를 변경시키는 행위이다. ex) 함수내에서 전역변수의 값을 변경시키거나 함수외부 버튼의 텍스트를 변경하고, 네트워크를 통해 데이터를 송신하는 것등이 있다. 함수는 전달받은 매개변수를 통해 연산을 수행하고 결과를 반환해야하며 결과는 항상 일관되고 예측 할수있어야한다. 그래야 프로그램이 쉽고 단순하며 유지보수 하기가 쉬워지기 때문이다. 리액트에는 절차형 프로그래밍에서 흔히 존재하는 작업인 Side Effect 처리를 위해 Use Effect() 함수가 있다. 예시를 활용.. 2022. 2. 17.

비동기 흐름 이해하기 동기적이란(synchronous)? 간단하게 그림으로 설명 하자면... |A시작-----------------A종료| |B시작---------------B종료| A업무를 마칠때까지 B업무를 막아두는것을 Blocking이라고하고, 끝나는 시점과 시작하는 시점이 같기때문에 동기적이라고 말한다. 비동기적이란(asynchronous)? |A시작-----------------A종료| |B시작---------B종료| 대표적 비동기 함수인 setTimeout 함수의 경우 이렇게 실행된다. https://poiemaweb.com/img/event-loop.gif A,B가 병렬로 진행된다. 순차적으로 실행 되지않는다. 자바스크립트 엔진은 단순히 작업이 요청되면 Call Stack을 사용하여 요청된 작업을 순차적으로 실행.. 2022. 2. 13.

Stateairline-client 과제 [React] 데이터 흐름의 이해와 비동기 요청 처리 이틀에 걸쳐 데이터의 흐름, state상태 끌어올리기와 useEffect AJAX요청에 대해 공부했다. 리액트의 컴포넌트는 1가지의 일만 하고 단방향의 데이터 흐름을 가진다. 그래서 데이터를 어디에 담아줘야할지 정해줘야한다.(데이터정의) 부모가 데이터를 가지고 자식에게 props(읽기적용)로 내려준다(인자 혹은 속성처럼 내려줌) 자식은 데이터를 내려받지만 데이터가 어디에서 왔는지는 알지못한다. [상태끌어올리기] 데이터의 흐름이 top-down 방식이지만, 자식컴포가 부모컴포의 상태를 바꿔야하는 경우에는 (예. 자식컴포에 전송버튼이 있어 클릭시 부모의 데이터 목록이 업데이트 되어야 하는경우) 부모컴포내에 상태를 변경하는 함수를 두고 자식컴포에 이 상태 .. 2022. 2. 9.

이전 1 2 3 4 5 6 다음

티스토리툴바