Daily/Today (21) 썸네일형 리스트형 REST 외 다양한 API 1. SOAP (Simple Object Access Protocol)특징: XML을 사용하여 메시지를 전송하고, 표준 기반의 프로토콜입니다.장점: 강력한 보안 및 트랜잭션 관리 기능을 제공합니다.단점: 복잡하고, 설정이 까다로울 수 있습니다.2. GraphQL특징: 데이터 질의 언어로, 클라이언트가 필요한 데이터만 요청할 수 있습니다.장점: 불필요한 데이터 전송을 줄여 효율성을 높일 수 있습니다.단점: 복잡한 쿼리는 서버에 부하를 줄 수 있습니다.3. gRPC (gRPC Remote Procedure Calls)특징: Google에서 개발한 고성능 RPC 프레임워크로, Protocol Buffers를 사용합니다.장점: 빠르고 효율적이며, 양방향 스트리밍을 지원합니다.단점: REST보다 설정과 사용이 복.. 모노레포 모노레포를 이해하려면 이전의 개념들에 대해 이해해야 한다. 모놀리식 앱모놀리식 애플리케이션(monolithic application)은 단독으로 배포 가능한 프로그램에 모든 기능을 포함보통 애플리케이션을 만들 때 선택할 수 있는, 가장 간단한 시작 형태멀티레포멀티레포 구조는 폴리레포(polyrepo) 구조각 모듈은 멀티레포 구조에서 고유한 저장소가 있는 독자적 프로젝트각 프로젝트는 자율성이 높으며 독립적인 개발, 린트, 테스트, 빌드, 게시, 배포 파이프라인이 존재멀티레포는 현재 대부분의 애플리케이션을 개발하는 표준적인 방법업계는 팀의 자율성이라는 큰 이유 때문에 이 방식을 선호 멀티레포의 문제번거로운 프로젝트 생성패키지의 중복 코드 가능성관리 포인트 증가일관성 없는 개발자 경험(DX)다른 패키지의 변경.. Lotti Animation Lotti Animation json기반의 애니메이션이란 소리를 듣고 재밌겠단 생각에 바로 찾아보고 적용해 봤다. 자세한건 아래 lottifiles에서 찾아 볼 수 있는데 https://lottiefiles.com/kr/what-is-lottie Lottie 애니메이션은 무엇일까요? - 로티파일즈 Lottie는 JSON 기반의 애니메이션 포맷으로, 어느 기기와 플랫폼에서든 사용할 수 있습니다. LottieFiles을 통해 Lottie 애니메이션을 생성하고 편집하고 테스트할 수 있으며, 다른 사람과 협업하고 전 lottiefiles.com 움짤로 유명한 GIF와 비슷하지만서도 작은 용량에 JSON 기반이라 어떤 라이브러리에서도 사용가능하다. 또한 크기가 바뀌어도 해상도가 바뀌지 않는다고 한다. 사용법도 너.. Typescript 에서 Class문법 사용하기 + Next.js 시작 - TypeScript Ts 수업을 들으면서 오랜만에 Class문법에 대해 다시 복습하게 되었다. Class 문법은 ES6에서 부터 도입된 JS 문법이고 많은 Object를 만들 때 사용한다. 예전에 배웠을 땐 바로 이해되지 않았지만 그냥 단순히 쉽게 많은 Object를 만들 때 복붙한다는 개념으로 생각하면 쉽게 이해가 됐다. class Object{ consturtor (a){ this.name = a } } let Object1 = new Object('객체1') let Object2 = new Object('객체2') //Object1.name = '객체1' //Object2.name = '객체2' 이외에도 Prototype에 대해서도 다시금 복습하게 되었는데, 부모 (class 생성자) 자식(새로.. Main 업데이트 및 TypeScript Main 업데이트 fix : 수락/거절 1번 누르면 됨 fix : 시간 defult값 수정 fix : Tag 2개씩 되던거 수정 fix : board Update Ux 수정 fix : board delete UX 수정 fix : comment UX 수정 fix : board update 수정 대부분 navigate를 사용했었는데 해당 글에서 자꾸 벗어나다보니 불편하다 생각해 redux 의 useDispatch를 사용해 naivgate 부분을 대체하였더니 훨씬 사용감이 좋아졌다. 이를 기반으로 다른 부분에도 적용하니 웬만한 곳에서는 잘 작동했다. 이후 date값이랑 씨름을 한참한 끝에 defult되는 값이 자꾸 9시간 전으로 돌아가는 걸 해결했다. 원인은 date형식에 있었고 const now = new .. TodoApp 회고 Todo App에 집중한다고 다른건 다 제쳐두고 집중했지만, 결국 서버에서 불러온 걸 화면에 구현하지 못하였다. 이제 프리 프로젝트에 들어가면서 잠시 제쳐두게 되겠지만, 꼭 완성해야지.. 지금까지 해왔던 것보다 앞으로가 더 중요하기에 시간을 더 써야 할 것 같다. 앞으로 프리프로젝트에 들어가면서 해야 할 것들을 정리 (프리프로젝트 시간 외에) 1. 매일 알고리즘 풀이 (최소 한시간) 코풀릿 하듯 2. 리덕스와 타입스크립트 개념 공부 3. 리액트 복습 (다른 사람들 기능구현 한 것들 보기) 4. API 사용법 공부 5. 추가 할 거 생기면 수정 프로젝트는 잘 마칠 수 있게 더 노력하기! Algorithm 알고리즘 어떤 문제를 해결하기 위해서 일련의 절차를 정의하고, 공식화한 형태로 표현한 일종의 문제 풀이 방법, 해(解) 프로그래밍에서는 input 값을 통해 output 값을 얻기 위한 계산 과정을 의미 입력(Input) : 알고리즘은 출력에 필요한 자료를 입력받을 수 있어야 합니다. 이 상황에서는 제일 먼저 빨간불인 신호등이 초록불이 되려면 5분이라는 시간을 입력 받아야 합니다. 하나 더 알아야 할 것은 신호등은 항상 시간을 입력받아야 알고리즘이 동작하지만 꼭 입력을 받지 않아도 되는 알고리즘도 있습니다. (ex. 원주율(pi)의 1조 번째 자리 수를 구하려는 경우 입력은 없지만 출력은 있다.) 출력(Output) : 알고리즘은 실행이 되면 적어도 한 가지 이상의 결과를 반드시 출력해야 합니다. 만약 .. TDD TDD 코드를 작성하기 전에 테스트를 쓰는 소프트웨어 개발 방법론 총 3단계 Write Failing Test: 실패하는 테스트 코드를 먼저 작성 Make Test Pass: 테스트 코드를 성공시키기 위한 실제 코드를 작성 Refactor: 중복 코드 제거, 일반화 등의 리팩토링 TDD를 사용하는 이유 예상하지 못했던 버그를 줄여 소요 시간을 줄일 수 있기 때문 여러 개발자들이 더 나은 테스트를 작성하기 위해 많은 테스트 오픈소스 프레임워크를 제작 MOCHA JavaScript 테스트 프레임워크 브라우저 지원, 비동기 테스트, 테스트 커버리지 보고서 및 어설션 라이브러리 사용을 특징 라이브러리 should.js express.js chai better-assert unexpected 사용법 describ.. 이전 1 2 3 다음
