안녕하세요, 컴퓨터공학전공 개발 소모임 𝘾𝙤𝙧𝙣𝙚𝙧입니다. 이번 정기 콘텐츠는 Team Garten의 SOLID 원칙에 대한 이야기인데요, 객체지향 프로그래밍의 5가지 원칙을 정리한 SOLID 원칙에 대해 알아봅시다!

Corner 코너 2023. 2. 22. 13:00

안녕하세요, 컴퓨터공학전공 개발 소모임 𝘾𝙤𝙧𝙣𝙚𝙧입니다. 이번 정기 콘텐츠는 Team Starlight의 NFC에 대한 이야기인데요, NFC의 특징과 장점, 활용방안에 대해 알아봅시다!

Corner 코너 2023. 2. 15. 13:34

안녕하세요, 컴퓨터공학전공 개발 소모임 𝘾𝙤𝙧𝙣𝙚𝙧입니다. 이번 정기 콘텐츠는 Undefined의 OpenCV에 대한 이야기인데요, OpenCV가 무엇이고, 어떤 알고리즘이 사용되는지 알아봅시다!

Corner 코너 2023. 2. 8. 13:00

안녕하세요, 컴퓨터공학전공 개발 소모임 𝘾𝙤𝙧𝙣𝙚𝙧입니다. 이번 정기 콘텐츠는 Team de:Burger의 분기 처리 방법에 대한 이야기인데요, 값, 식, 문을 이용한 분기 처리 방법의 형식과 특징에 대해 알아봅시다!

Corner 코너 2023. 2. 2. 11:15

16장의 키워드 JSON 개요 @RestController JSON 응답 처리 @RequestBody JSON 요청 처리 JSON 데이터의 날짜 형식 다루기 ResponseEntity 객체 리턴, 응답 코드 지정 요청 객체 검증하기 JSON JSON(JavaScript Object Notation)은 간단한 형식을 갖는 문자열로 데이터 교환에 주로 사용한다. 중괄호를 사용하여 객체를 표현 객체는 (이름, 값) 쌍을 가짐 JSON 형식으로 표현한 데이터의 예) { "name": "새싹이들", "birth": 2022, "member": ["유즈", "otcr", "파오리", "스머프"] } Jackson Jackson은 자바 객체와 JSON 형식 문자열 간 변환을 처리하는 라이브러리이다. public cl..

22-23/22-23 Spring 2 2023. 2. 2. 11:15

초보 웹 개발자를 위한 스프링5 프로그래밍 입문 15장을 다루고있습니다. 15장의 키워드 # 웹 구성 요소 # 서블릿-컨트롤러-서비스-DAO의 관계 # 패키지 구성 1. 간단한 웹 어플리케이션의 구성 요소 프론트 서블릿(DispatcherServlet) 컨트롤러 + 뷰 서비스 DAO 복습 프론트 서블릿(DispatcherServelt) : 서블릿 컨테이너 제일 앞단에서 서버로 오는 모든 요청을 받아 처리하는 창구 역할 컨트롤러 (252p) 컨트롤러 : 사용자의 요청을 처리한 후 뷰에 모델 객체를 넘겨주는 역할 (250p) 서비스 : 요청에 대해 어떤 처리를 할지 접근하는 파트(기능의 로직을 구현) DAO(Data Access Object) : DB와 웹 간에 데이터를 이동시켜주는 역할(데이터베이스의 조회..

22-23/22-23 Spring 2 2023. 2. 2. 11:14

안녕하세요, 컴퓨터공학전공 개발 소모임 𝘾𝙤𝙧𝙣𝙚𝙧입니다. 이번 정기 콘텐츠는 Team NOMAD의 도커와 쿠버네티스에 대한 이야기인데요, 컨테이너 기반의 인프라 환경에 대해 알아봅시다!

Corner 코너 2023. 1. 24. 13:02

안녕하세요, 컴퓨터공학전공 개발 소모임 𝘾𝙤𝙧𝙣𝙚𝙧입니다. 이번 정기 콘텐츠는 Team 모여라 협곡 친구들의 Axios vs Fetch에 대한 이야기인데요, Axios와 Fetch의 장단점과 차이점에 대해 알아봅시다!

Corner 코너 2023. 1. 18. 13:00

17.1 작업 환경 설정 $ yarn create react-app react-redux-tutorial $ cd react-redux-tutorial $ yarn add redux react-redux Prettier를 적용하고 싶다면 디렉터리에 다음과 같이 .prettierrc 파일을 작성하세요. { "singleQuote": true, "semi": true, "useTabs": false, "tabWidth": 2, "trailingComma": "all", "printWidth": 80 } 17.2 UI 준비하기 리액트 프로젝트에서 리덕스를 사용할 때 가장 많이 사용하는 패턴은 프레젠테이셔널 컴포넌트와 컨테이너 컴포넌트를 분리하는 것입니다. 프레젠테이셔널 컴포넌트란 주로 상태 관리가 이루어지지 ..

22-23/22-23 리액트 스타터 3 2023. 1. 12. 10:01

이번장에서는 리덕스를 사용하여 리액트 애플리케이션 상태를 관리하는 방법에 대해 알아보겠습니다. 소규모 프로젝트에서는 컴포넌트가 가진 state를 사용하는 것만으로도 충분하지만 프로젝트의 규모가 커짐에 따라 상태 관리가 복잡해질 수 있습니다. 리덕스를 사용하여 상태 관리를 하면 다음과 같은 장점이 있습니다. 1. 상태 업데이트에 관한 로직을 모듈로 따로 분리하여 컴포넌트 파일과 별개로 관리할 수 있어 코드를 유지보수 하는데 도움이 됩니다. 2. 여러 컴포넌트에서 동일한 상태를 공유해야 할 때 유용합니다. 3. 실제 업데이트가 필요한 컴포넌트만 리렌더링되도록 쉽게 최적화할 수 있다. 이번 실습의 흐름은 다음과 같습니다. 프로젝트 준비 → 프레젠테이셔널 컴포넌트 작성 → 리덕스 관련 코드 작성 → 컨테이너 컴..

22-23/22-23 리액트 스타터 1 2023. 1. 12. 10:01

리액트 애플리케이션에서 리덕스를 사용하면, 상태 업데이트에 관한 로직을 모듈로 따로 분리하여 컴포넌트 파일과 별개로 관리할 수 있으므로 코드를 유지 보수하는데 도움이 될 수 있습니다. 또한, 여러 컴포넌트에서 동일한 상태를 공유해야 할 때 유용하며, 실제 업데이트가 필요한 컴포넌트만 리렌더링되도록 쉽게 최적화해 줄 수 있습니다. 리덕스를 사용할 때 주로 react-redux라는 라이브러리에서 제공하는 유틸 함수(connect)와 컴포넌트(Provider)를 사용하여 처리합니다. I. 작업 환경 설정 1. create-react-app으로 새로운 프로젝트 생성 2. 리덕스와 react-redux 라이브러리 설치 $ yarn add redux react-redux 3. .prettierrc 파일 작성 { "..

22-23/22-23 리액트 스타터 2 2023. 1. 12. 10:01

16.1 개념 미리 정리하기 (1) 액션 상태에 어떠한 변화가 필요하면 하나의 객체로 표현되는 액션이란 것이 발생합니다. 액션 객체는 type 필드를 반드시 가지고 있어야 합니다. 이 값을 액션의 이름이라고 생각하면 됩니다. 그리고 그 외의 값들은 나중에 상태 업데이트를 할 때 참고해야 할 값이며, 작성자 마음대로 넣을 수 있습니다. { type: 'ADD_TODO', data: { id: 1, text: '리덕스 배우기' } } (2) 액션 생성 함수 액션 생성 함수는 액션 객체를 만들어 주는 함수입니다. function addTodo(data) { return { type: 'ADD_TODO', data }; } (3) 리듀서 리듀서는 변화를 일으키는 함수입니다. 액션을 만들어서 발생시키면 리듀서가 ..

22-23/22-23 리액트 스타터 3 2023. 1. 12. 10:00