안녕하세요, 컴퓨터공학전공 IT개발동아리 𝘾𝙤𝙧𝙣𝙚𝙧입니다. 이번 정기 콘텐츠는 Team 묭롱룬뱌의 코딩 테스트의 중요성과 준비 방법에 대한 이야기인데요, 개발자가 되기 위한 코딩 테스트 학습법에 대해 알아봅시다!

Corner 코너 2025. 1. 30. 12:11

마이크로서비스 아키텍처 (MSA) : 애플리케이션이 가지고 있는 기능(서비스)이 하나의 비즈니스 범위만 가지는 형태 📌 애플리케이션 : 자신의 기능을 API로 외부에 노출하고, 다른 서버가 API를 호출해서 사용할 수 있게 구성됨⇒ 각 서버가 다른 서버의 클라이언트가 되는 경우가 많음  RestTemplate : 스프링에서 HTTP 통신 기능을 손쉽게 사용하도록 설계된 템플릿으로 RESTful 원칙을 따르는 서비스를 편리하게 만들 수 있음→ 주로 동기 방식으로 처리 / AsyncRestTemplate를 통해 비동기 방식 사용 가능 / 현재 지원 중단 상태 특징HTTP 프로토콜의 메서드에 맞는 여러 메서드 제공RESTful 형식을 갖춘 템플릿HTTP 요청 후 JSON, XML, 문자열 등의 다양한 형식으..

24-25/Spring 1 2025. 1. 24. 12:06

12. 서버 간 통신최근에 개발되는 서비스들은 마이크로서비스 아키텍처(MSA)를 주로 채택하고 있습니다. 각 애플리케이션은 자신이 가진 기능을 API로 외부에 노출하고, 다른 서버가 그러한 API를 호출해서 사용할 수 있게 구성되므로 각 서버가 다른 서버의 클라이언트가 되는 경우도 많습니다. 이번 장에서는 이러한 트렌드에 맞춰 다른 서버로 웹 요청을 보내고 응답을 받을 수 있게 도와주는 RestTemplate와 WebClient에 대해 살펴보겠습니다. 12.1 RestTemplate이란?RestTemplate은 스프링에서 HTTP 통신 기능을 손쉽게 사용하도록 설계된 템플릿입니다. 이 템플릿을 사용하면 RESTful 원칙을 따르는 서비스를 편리하게 만들 수 있습니다. 기본적으로 동기 방식으로 처리되며, ..

24-25/Spring 3 2025. 1. 24. 10:00

RestTemplate 스프링에서 HTTP 통신 기능을 손쉽게 사용하도록 설계된 템플릿이다.HTTP 서버와의 통신을 단순화한 템플릿이며, RESTful 원칙을 따르는 서비스를 편리하게 만들 수 있다. 동기 방식으로 처리디며, 비동기 방식으로 사용하고 싶을 경우 AsyncRestTemplate을 사용하면 된다.그러나 지원 중단된 상태라 WebClient 방식도 함께 알아두어야 한다. HTTP 프로토콜의 메서드에 맞는 여러 메서드를 지원한다.RESTful 형식을 갖춘 템플릿이다.HTTP 요청 후 JSON, XML, 문자열 등의 다양한 형식으로 응답을 받을 수 있다.블로킹 I/O 기반의 동기 방식을 사용한다.다른 API를 호출할 때 헤더에 다양한 값을 설정할 수 있다. RestTemplate의 동작 원리   ..

24-25/Spring 2 2025. 1. 24. 10:00

🌟키워드: 서버, 배포, 깃허브, AWS, GCP1. 서비스 운영을 위한 패키지1. morgan과 express-session- 미들웨어들을 배포용을 설정한다.//app.js...sequelize.sync({ force: false }) .then(() => { console.log('데이터베이스 연결 성공'); }) .catch((err) => { console.error(err); });if (process.env.NODE_ENV === 'production') { app.enable('trust proxy'); app.use(morgan('combined')); app.use( helmet({ contentSecurityPolicy: false, cr..

24-25/Node.js 2 2025. 1. 24. 10:00

1. 프로젝트 준비하기 감정 일기장 앱을 만들기 위한 프로젝트 준비는 다음 순서와 같다.1. 요구사항 분석하기2. 리액트 앱 만들기3. 폰트 설정하기4. 이미지 준비하기  1-(1) 요구사항 분석하기 이 프로젝트의 최종 목표인 '감정 일기장'은 일기를 작성하면서 그날의 자기 감정을 표현할 수 있는 서비스이다.   먼저 홈페이지를 준비해야 한다. Home은 앱에 접속할 때 가장 먼저 나오는 페이지로, 보통 '인덱스 페이지'라고 부른다. 이 페이지는 크게 상단 헤더 섹션과 하단 일기 리스트로 구성된다. 헤더 섹션에는 월 단위로 일기를 조회하는 기능이 있으며 이때 좌우 버튼을 클릭해서 월 단위로 날짜를 이동할 수 있다. 일기 리스트 섹션에는 최신순, 오래된 순으로 일기 리스트를 정렬하는 기능과 새로운 일기를 ..

24-25/React.js 1 2025. 1. 24. 10:00

project 3 [감정 일기장] 만들기  이 장에서는 요구사항 분석, 리액트 앱 만들기, 폰트 설정, 이미지 준비의 과정을 거쳐 [감정 일기장 앱]을 만든다.   1. 프로젝트 준비하기 [ 요구사항 분석하기 ]  [감정 일기장]은 일기를 작성하면서 그날의 감정을 표현하고 기록하는 서비스이다. 4페이지로 이루어져 있으므로 각 페이지의 요구사항을 파악한다.      가장 먼저 만나는 홈 페이지는 인덱스 페이지라고도 하며, 경로는 '/'이다. 이미지와 같이 상단 헤더 섹션과 일기 리스트로 구성되어 있다.  상단 헤더 섹션은 월 단위로 일기를 조회하는 기능으로 좌우 버튼을 클릭하면 월 단위로 날짜를 이동한다.  일기 리스트 섹션은 '최신순', '오래된 순'으로 일기 리스트를 정렬하는 기능, 새로운 일기를 추가..

24-25/React.js 2 2025. 1. 24. 10:00

안녕하세요, 컴퓨터공학전공 IT개발동아리 𝘾𝙤𝙧𝙣𝙚𝙧입니다. 이번 정기 콘텐츠는 Team 코코팜의 AI 학습 방해 도구 - "Nightshade"에 대한 이야기인데요,  Nightshade의 원리와 효과에 대해 알아봅시다!

Corner 코너 2025. 1. 23. 13:33

9장. 컴포넌트 트리에 데이터 공급하기 Context가 무엇인지 알아보고, Context로 [할 일 관리] 앱을 리팩토링하자.  Context Context란 리액트 컴포넌트 트리 전체에 데이터를 공급하는 기능으로, Context를 통해 Props Drilling 문제를 해결할 수 있다. 이때 Context가 데이터를 공급하는 범위를 '같은 문맥'이라고 표현하기도 하는데, 이 문맥이라느 글의 방향을 말한다.  Props Drilling Props Drilling이란 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때, 중간에 위치한 모든 컴포넌트에 일일히 Props를 전달해야 하는 문제를 말한다. 리액트의 트리 상에서 2단계 이상 떨어져 있는 컴포넌트에는 직접 데이터를 전달할 수 없기 때문이다. 이런 ..

24-25/React.js 2 2025. 1. 17. 10:00

[10. 유효성 검사와 예외 처리]개요 유효성 검사의 문제점📌유효성 검사란?애플리케이션의 비즈니스 로직이 올바르게 동작하려면 데이터를 사전 검증하는 작업이 필요한데 이것을 유효성 검사(데이터 검증)이라고 한다. ex) Java - NullPointException 예외계층별로 진행하는 유효성 검사는 검사 로직이 각 클래스별로 분산되어 있어 관리하기 어렵다.검증 로직에 중복이 많아 여러 곳에 유사한 기능의 코드가 존재할 수 있다.만약 검증해야 할 값이 많다면 검증하는 코드가 길어진다. => 코드가 복잡해지고 가독성이 떨어진다.📌 @Bean Validation이 같은 문제를 해결하기 위해 자바에서는 'Bean Validation'이라는 데이터 유효성 검사 프레임워크를 제공한다.Bean Validation..

24-25/Spring 1 2025. 1. 17. 10:00

S.E.O● 작성자루나 ● 게임명S.E.O ● 게임 소개장르 : 3D 스텔스 어드벤처시점 : 1인칭 플랫폼 : PC엔진 : Unity ● 게임 시놉시스공포 특집 촬영을 위해 폐허 한 곳을 답사하러 온 주인공.답사를 시작한 지 얼마 지나지 않아 발을 헛디뎌 기절하고 만다.눈을 뜬 순간, 폐허 주위에 가득한 로봇들.이곳은 사람의 손길은 끊긴채 로봇에 의해 지배된 건물이었다.다행히 로봇은 알 수 없는 이유로 폐허를 벗어나지 못한다는 사실을 확인했다.과연 주인공은 로봇의 감시를 뚫고 열쇠를 찾아 이 위험한 폐허에서 탈출할 수 있을까? ● 레퍼런스Hello Neighbor, Little Nightmares ● 게임 설명해당 게임은 주인공을 추격해오는 로봇을 피해 열쇠를 획득하고 탈출을 목표로 하는 게임이다.열쇠는..

24-25/Untiy 2025. 1. 17. 10:00

1. Context 1-(1) Context를 사용하는 이유Context를 사용하는 까닭은 'Props Drilling' 문제를 해결하기 위해서다. Props Drilling 문제는 리액트 컴포넌트 계층 구조에서 컴포넌트 간에 값을 전달할 때 발생한다. 리액트에서는 트리에서 2단계 이상 떨어져 있는 컴포넌트에 직접 데이터를 전달하는 것이 불가능하다. 2단계 이상 떨어져 있는 컴포넌트에 모두 같은 값을 전달해야 한다면 경로상에 있는 모든 컴포넌트에 일일이 Props를 전달해야 한다.Props를 전달하는 과정이 마치 드릴로 땅을 파고 내려가는 것과 같다고 하여, Props Drilling 문제라고 하며, Props Drilling은 컴포넌트 사이의 데이터 교환 구조를 파악하기 어렵게 만든다. 또한 Props..

24-25/React.js 1 2025. 1. 17. 10:00