목록전체 글 (143)
개발자의 logs
![](http://i1.daumcdn.net/thumb/C200x200/?fname=https://blog.kakaocdn.net/dn/cJzZMU/btrQlNWF1N6/nbMnDAQhaVorXv2lhWILOK/img.png)
하이 에브리원! 오늘은 Node.js 의 거대한 라이벌(?) 스프링에 대해 알아보고자 한다. 난 백엔드를 Node.js 로 시작했지만, 스프링은 무시하래야 무시 할 수 없는 백엔드 프레임워크이다. 그럼 시작! 먼저, 스프링이란 무엇인가? (정의) 스프링은 웹사이트 개발을 위한 백엔드 프레임워크이다. 백엔드 (Back-end) 는 웹 개발 프로세스를 프론트(Front-end), 백엔드(Back-end)로 구분하는데, 일반적으로 서버단에서 동작하는 프로그램(DB, API서버 ..)을 다루는 프로세스를 백엔드 라고 한다. 프레임워크 (Framework) 란 프로그램 설계에 있어 미리 구축되어있는 뼈대 라고 이해하면 쉽다. 스프링은, 백엔드 프로세스를 구축하는데 있어 기본적인 뼈대를 제공해주어 높은 품질의 프로..
![](http://i1.daumcdn.net/thumb/C200x200/?fname=https://blog.kakaocdn.net/dn/uEedf/btrPC89zNYV/Y1ZhAD3IIKJeVRgZoIgoe0/img.png)
최근 이틀 간 한 스타트업의 입사테스트 과제를 진행했다. ( 어느 회사인지는 밝힐 수 없음! ) 아래는 README.md에 서술한 과제 진행 구현과정 및 API 정리한 것이다. ## 기술스택 NODEJS,MYSQL(sqlite3),VSCODE ### 구현과정 1. 제공된 API 사이트에서 OPEN API 호출을 한다. 2. 호출한 API를 통해 들어오는 데이터를 확인한다. 3. sqlite3 라이브러리를 다운로드 한 후, 들어오는 데이터 및 필요한 칼럼에 맞게 DB를 만든다. 4. API로 들어오는 데이터를 필요에 맞게 알맞게 파싱한다. (가져오는 데이터: author, title, description, content) 5. 파싱한 데이터를 DB에 넣는다. 6. 과제 요구사항에 필요한 API 설계를 시..
![](http://i1.daumcdn.net/thumb/C200x200/?fname=https://blog.kakaocdn.net/dn/bv50b9/btrPivKviRD/TjkINmS0MBAe1pfGC9fKA1/img.png)
오늘은 DDD 에 대해 설명해보고자 한다. DDD는 이번 달 나에게 많은 좌절감을 안겨줬던 설계방식이다... 물론 현재는 어느정도 익숙해졌다. 그럼 DDD 설명 고고 ! ! 참고로 아래 설명을 보고 이해가 안간다해도 머리가 나쁘거나 비정상은 아니다 . 직접 코드를 짜보고 경험해보길 추천한다. 스프링의 JPA나 Repository개념을 알고있다면 이해에 도움이 많이 될 것이다. 정의 DDD(Domain-Driven Design) 또는 도메인 주도 설계라고 부른다. 도메인 패턴을 중심에 놓고 설계하는 방식을 일컫는다. ( 여기서 도메인은 해결해야할 문제라고 생각하면 이해하기 쉽다. ) 도메인 주도 설계의 목적 소프트웨어의 복잡성을 최소화 하는 것이다.그리고 요구사항을 쉽게 반영하고 소통이 원활하게 이루어질 ..
![](http://i1.daumcdn.net/thumb/C200x200/?fname=https://blog.kakaocdn.net/dn/JVB14/btrN5atKdai/7bkTG777Dxbppr6lFASMN1/img.png)
(이번 게시글은 리액트 공식 문서를 바탕으로 작성되었습니다.) useEffect가 하는 일은 무엇일까요? useEffect Hook을 이용하여 우리는 React에게 컴포넌트가 렌더링 이후에 어떤 일을 수행해야하는 지를 말합니다. ( => useEffect Hook을 통해 렌더링 후에 추가적인 일을 시킬 수 있다.) React는 우리가 넘긴 함수를 기억했다가(이 함수를 ‘effect’라고 부릅니다) DOM 업데이트를 수행한 이후에 불러낼 것입니다. 위의 경우에는 effect를 통해 문서 타이틀을 지정하지만, 이 외에도 데이터를 가져오거나 다른 명령형(imperative) API를 불러내는 일도 할 수 있습니다. ( => useEffect를 통해서 함수를 기억했다가 DOM 업데이트 후에 실행가능하다. 데이터..
https://jacobgrowthstory.tistory.com/51https://stackoverflow.com/questions/51977823/type-void-is-not-assignable-to-type-event-mouseeventhtmlinputelement [React] useEffect 무한루프 탈출 (에러핸들링) React에서 useEffect가 계속 작동하는 무한루프가 발생하여 이를 해결해보았다. useEffect 실행 조건 - 아래와 같이 새롭게 컴포넌트가 렌더링 될 때, useEffect의 첫 번째 인자인 함수가 실행됨 - useEffect jacobgrowthstory.tistory.com
https://jacobgrowthstory.tistory.com/51 [React] useEffect 무한루프 탈출 (에러핸들링) React에서 useEffect가 계속 작동하는 무한루프가 발생하여 이를 해결해보았다. useEffect 실행 조건 - 아래와 같이 새롭게 컴포넌트가 렌더링 될 때, useEffect의 첫 번째 인자인 함수가 실행됨 - useEffect jacobgrowthstory.tistory.com 이거 나중에 다시 정독해야지