전체 글39 웹개발 프로젝트 기본 세팅 프로젝트를 시작한다면, 일단 어떤 기술을 사용할지부터 정해야 한다. 프론트엔드: React + TypeScript백엔드: Java + Spring BootDB: PostgreSql 이번 프로젝트는 프론트와 백엔드 코드를 하나의 저장소에서 관리할 생각이기 때문에, 폴더 구조를 아래와 같이 잡아주었다. 1. 프론트엔드 세팅프론트엔드 폴더에서 vscode의 bash창을 열어 React와 Typescript 설정을 마쳐주었다.npm create vite@latest . -- --template react-ts 이 명령어는 다음과 같이 해석할 수 있다.npm create vite@latest→ 최신 Vite 프로젝트 생성기 실행.→ 새 폴더 만들지 말고 현재 frontend 폴더에 생성--→ 뒤의 옵션을 Vite.. 2026. 8. 31. 데이터 모델링과 정규화 오늘은 데이터 모델링에 대해 정리함과 동시에, 조금 애매하게 이해하고 있을수도 있는 '데이터 정규화'에 대해 한 번 짚고 넘어가고자 한다. 데이터 정규화란?-> 데이터의 중복을 최소화하고 무결성을 유지하며 데이터베이스를 최적화하는 과정. 데이터 모델링 3단계 중 두번째 단계인 '논리적 데이터 모델링' 과정에서 수행되는 작업이다. 도서관 시스템을 개발한다고 가정해보자.먼저 개념적 데이터 모델링 과정을 수행해야 한다. 1. 개념적 데이터 모델링도서관에서 상호작용 가능한 개체(Entity)로는 '도서'와 '회원' 정도가 있을 것이다.이 Entity간의 관계로는 '대출'이 있을 것이다. 즉 다음과 같이 표현할 수 있다. - 그림판 -즉 우리에게 필요한 테이블은1. 회원 정보 테이블2. 도서 목록 테이블3. 대출.. 2025. 2. 5. NH농협은행 5급 IT 면접 후기 힘들다고 소문이 자자했던 농협은행 5급 면접을 봤다. 보고 나니 왜들 그렇게 어렵다고 하는지 알 것 같았다.크게 3파트로 나뉘어져 있었다. 1. PT면접주어진 주제에 대해 내 의견을 정리해서 면접관들에게 발표하는 면접. 사실 IT직군은 PT면접을 경험해볼 상황이 잘 없는데, 농협은행덕에 경험해보게 되었다. (싸피 입과 테스트때 보긴 했으나, 느낌이 달랐다.)자세한 내용이나 주제와 관련해서 얘기할 수는 없지만, 중요한건 주어진 주제에 대해 어느정도의 기본 지식을 갖고 있는편이 확실히 유리하다는 것이다. 실무면접의 역할을 어느정도 한 것이라 생각한다. 나는 PT 면접 주제에 대해 기본지식이 없었기에 이 면접에서 실수도 많이하고 답변도 제대로 못했다. 2. 인성면접인성면접은 다른 기업의 면접과 비슷했다. 다만.. 2024. 12. 6. NH농협은행 5급 IT 필기 후기 필기는 코딩테스트, 인적성 테스트, NCS, 그리고 논술 평가로 진행되었다. 코딩테스트: 알고리즘 3문제, sql 2문제총 5문제가 출제되었다. 알고리즘의 경우 1번 문제를 제외하면 꽤 난이도가 높은 문제가 나왔고, sql의 경우 알고리즘만큼 까다로운 문제가 나오지는 않았다. 그러나 매년 출제 기조가 바뀌는 만큼, 알고리즘과 sql 모두 어느정도 할 줄 알아야 통과를 기대할 수 있을 것이다. 인적성 테스트: 스킵. 이건 어느 회사나 마찬가지인데, 개인적으론 솔직하게 답변 찍으면 되는 시험이라고 생각합니다. NCS: 총 60문제가 출제되었고, 시험 시간을 생각해봤을 때 모든 문제를 풀어야 합격할만한 시험은 아니라는 생각이 들었다. 마음 편하게 먹고 풀 수 있는 만큼 풀면 통과 가능한 시험이라고 생각한다. .. 2024. 12. 6. 디자인 패턴 정리 (MVC 패턴, MVVM 패턴) 1. MVC 패턴MVC 패턴은 M(모델), V(뷰), C(컨트롤러) 로 구성된 디자인 패턴이다.- 모델: 애플리케이션의 데이터인 데이터베이스, 상수, 변수 등을 의미함.- 뷰: 사용자에게 보이는 화면을 의미. 즉, 모델을 기반으로 사용자에게 뿌려지는 인터페이스라고 생각하면 됨.- 컨트롤러: 모델과 뷰를 연결짓는 다리 역할을 함. 메인 로직을 관리하며 모델과 뷰의 생명주기 또한 관리함. MVC 패턴의 흐름1) 컨트롤러가 사용자의 동작을 캐치2) 캐치한 동작을 기반으로 모델 수정 (데이터 변경)3) 변경된 데이터를 기반으로 뷰 수정(역시 컨트롤러가 관여)간단히 말해 사용자가 동작을 입력하면 컨트롤러가 해당 동작을 캐치하여 데이터를 알맞게 변경하고, 변경된 데이터를 뷰를 통해 사용자에게 보여준다. MVC 패턴.. 2024. 8. 28. 디자인 패턴 정리 (싱글톤 패턴, 팩토리 패턴) 오늘 학습한 내용을 간단히 정리해 볼까 한다. 사용된 예제코드의 출처는 (면접을 위한 CS 전공지식 노트 by 주홍철) 책으로, 면접 뿐 아니라 CS 전반적인 지식을 학습하기에 아주 좋은 책이라 생각한다. 싱글톤 패턴개요: 하나의 클래스당 하나의 인스턴스를 생성하는 디자인 패턴특징: 인스턴스를 하나만 생성해도 되기 때문에 리소스를 적게 먹는다, 하나의 인스턴스에 대해 의존성이 커진다.(의존성: A가 B에 의존성이 있다 -> B의 변경 사항에 대해 A 또한 변경되어야 하는 부분이 있다)예제 코드class Singleton { constructor() { if (!Singleton.instance) { Singleton.instance = this } .. 2024. 8. 27. 이전 1 2 3 4 ··· 7 다음
