본문 바로가기
728x90
반응형

분류 전체보기118

[우아콘] 프론트엔드 상태관리 실전편을 보고 나서 상태관리 → 상태와 관리가 합쳐진 말 State: A Component’s Memory → 컴포넌트의 메모리가 상태이다 최근 리액트 개발에서 컴포넌트가 중심에 있음. → 어떤 팝업을 화면에 띄울지 말지, 주문/배달의 진행은 어떠한지 상태는 공통으로 그리고 단일로도 사용되어질 수 있는 개념임. 상태관리가 등장한지도 얼마 안됐는데 한계점도 있음 상태관리 방법의 변화 Redux로 상태관리를 풀고 있었고 → mobX등으로 해결을 해나가려고 했음 여전히 코드가 너무 많다는 문제가 있었지만 해결할 만한 방법 X → Post 상태관리, 원격 상태관리가 나옴 리덕스, mobx에는 스토어가 큰 것도 있지만 상태관리보다 API 호출 코드가 더 많다는 문제가 있음. Mobx + React-query 를 쓰니 스토어는 단순해.. 2024. 1. 30.
[React] GDSC 2차 프로젝트 CI/CD 1차 프로젝트 때 같은 팀 프론트 분이 하셨던 github 레포지토리 배포(?)를 이번 프로젝트 하면서 적용해보고 싶어져서 새벽에 프로젝트 시작하면서 하는 김에 같이 해보았다. 헛짓을 좀 많이 해서 오래 걸리긴 했지만 정상적으로 일단 돌아가는 걸 확인해서 했는 걸 정리해보려 한다. 지난 글에서 했던 프로젝트 세팅에 이어서 작업을 해주었는데, github 레포지토리에 아직 연결을 안해둬서 연결 작업 부터 해주었다. echo "# test" >> README.md git init git add README.md git commit -m "first commit" git branch -M main git remote add origin https://github.com/krokerdile/xxx.git git.. 2023. 7. 21.
[React] GDSC 2차 프로젝트 - 개발환경 세팅 활동 중에 있는 GDSC 2차 프로젝트를 진행 하면서 React + TypeScript + Vite로 진행 하는 과정을 대충이나마 정리해보려고 한다. vite를 통해서 리액트 프로젝트를 시작하는 방법이 여러 개가 있겠지만 이번에는 "yarn create vite"로 시작을 해보았다. 이전에는 아마 typescript를 지정해서 만들어주는 식으로 해주는 걸 주로 사용했었던 거 같은데, 보통은 이렇게 생성을 하는 것 같다. 기본 package.json을 바탕으로 라이브러리를 설치할 수 있도록 "yarn install"을 해주면 일단 프로젝트 생성은 끝이다. 짤막하게 하면서 계속 글을 올려볼까 하는데 언제 올릴지는.. 😅 2023. 7. 21.
[JS 공부하기] 1일차 - 프로그래머스 LV.0 1학기가 끝나면 코테, CS 공부를 열심히 해야지라고 생각하고 인도 온지 벌써 2주차인데 공부보다는 운동을 더 열심히 하는 것 같다😅 같이 온 팀원을 본받아서 조금씩 시작해보려고 몸풀기로 JavaScript공부를 시작했다. 일단은 공식문서 안보고 문제 푸는 정도로 시작을 해서 프로그래머스 레벨 0 문제를 좀 풀어봤는데 생각보다는 나쁘지 않게 풀리는 것 같다. 매일 조금씩이라도 문제도 풀고 1학기 때 수강했던 수업들 내용도 정리해둬야 될 것 같다. CS(컴퓨터망, 컴퓨터학개론) 지식관련된 수업을 많이 들어서 한번 정리해두면 다시 보는데 도움이 될 거 같다. 두 수의 곱 function solution(num1, num2) { var answer = 0; answer = num1 * num2; return .. 2023. 7. 15.
맥북에서 ssh 접속하기 프로젝트를 진행하면서 webOS를 올려둔 라즈베리파이에 접속할 필요가 있었다. webOS 같은 경우에는 따로 터미널 환경을 제공해주지 않기 때문에 노트북이나 데스크톱에서 직접 들어가줘야 할 필요가 있었고, 그래서 사용 중에 있는 맥북으로 열어줘야 될 필요가 생겼다.맥북 전에 사용하던 윈도우 노트북이나 데스크톱 같은 경우에는 puTTy 라는 유명한 프로그램이 있어서 다운 받아주면 됐는데, 그래서 처음에는 해당 프로그램의 맥북 버전을 깔아볼까 했다.맥에서 putty를 사용해주려면 Macport라는 친구를 사용해야 된다고 해서 같이 사용을 해주려고 했는데 막상 설치를 하고 mac OS(내 맥북은 현재 Big Sur를 사용 중이다)에 맞게 다운을 받아줬는데 막상 다운을 받고 실행을 해보니 계속 해서 오류가 났다.. 2023. 7. 7.
[자료구조/알고리즘] - Queue/Deque 큐는 FIFO, First-In-First-Out 선입선출로 처리됩니다. 지난번에 스택을 정리할 때 테니스공, 셔틀콕을 넣는 통에 스택을 비유 했었는데, 큐의 경우에는 다른 예시 보다 책 예시가 좋은 거 같아서 적어본다. 우리가 흔히 식당에 들어가기 위해서 대기줄을 서는 경우가 있는데 그 때 제일 먼저 대기줄에 선 손님분들 부터 입장을 하게 된다. 이런 식으로 작동을 하는게 큐라고 보면 된다. 스택의 거의 모든 연산을 파이썬에서 지원해 주듯이 리스트는 큐의 모든 연산을 지원해줍니다. 주의할 점은 리스트는 동적 배열로 구현되어져 있어서 큐의 연산을 수행하기에는 효율적이지 않아, Deque라는 별도의 자료형을 사용해야 좋은 성능을 낼 수 있다. 어제오늘 큐 문제를 최대한 많이 풀려고 했는데 파이썬으로 푼 문.. 2023. 5. 13.
728x90
반응형

티스토리툴바