완주를 향하여

테스트 주도 방법론

Redux Redux란? 사용이유 용어정리 Redux 흐름 Redux 스토어 구조 Redux란? Javascript 상태관리 라이브러리 React 상태 관리 라이브러리로 가장 많이 사용됨 사용이유 모든 state props로 전달하는 경우 props 지옥, 각각의 div 서로에게 종속적 → 코드 복잡성, 로직 ⬆️ 전역으로 상태 관리하는 경우 store에서 언제든지 꺼내 쓸 수 있음 → 코드 복잡성, 로직 ⬇️ 용어정리 Store : 상태 관리 공간 (유일), .getState(), .dispach(), .subscribe() 메서드 제공 state : Redux 스토어에서 관리하는 상태(데이터) Action : 컴포넌트에서 dispatch 통해 전달되는 객체 type : 상태 변경을 설명하는 정보 pa..

Spring Data JPA JPA (Java Persistence API) ORM(Object-Relational Mapping) 기술 표준으로 사용되는 자바 인터페이스 모음 장점: 유지보수 용이, DBMS 종속성X 단점: 복잡하고 학습 어려움 JPA Hibernate (오픈소스) JPA vs MyBatis (sequelize vs MySQL) [Spring Boot] MySQL & JPA 연동 및 테스트 프로젝트에 의존성 추가 build.gradle에 추가 후 build implementation 'org.springframework.boot:spring-boot-starter-data-jpa' implementation 'mysql:mysql-connector-java' application.pro..

@RequestMapping Handler Method 클라이언트 요청을 객체에 바인딩하는 방법 ModelAttribute HTTP Body(multipart/form-data) & HTTP 파라미터 데이터를 Setter 통해 1:1 바인딩 (HttpMessageConverter) 생성자/Setter 필요 (생성자,수정자 주입) RequestParam HTTP 파라미터(Query Parameter)를 컨트롤러의 메서드 인자로 1:1 바인딩 (URI 상에서 데이터 검색) 객체 생성X, 변수별 데이터 저장O, 동적폼 전송X 파라미터 필요 : @RequestParam(required = false) 설정 시 매개변수 null 바인딩되어 없어도 실행됨 RequestBody HTTP Body(JSON,XML) -..

1107 JAVA 기초 개발환경구축 기본문법 조건문 & 반복문 (표준)배열 ArrayList 1109 JAVA 이론 예외처리 클래스 접근 제어자 static 멤버

소켓(Socket) 프로세스가 네트워크로 데이터 내보내거나 받기위한 실제적인 창구역할을 하는것 서버와 클라이언트를 연결해주는 도구, 인터페이스 역할 프로토콜 IP주소 포트 넘버 소켓 흐름 서버 클라이언 소켓의 연결요청을 대기하고, 연결요청이 오면 클라이언트 소켓을 생성해 통신을 가능하게 함 socket() Socket 생성 bind() ip와 port 번호 설정 listen() 클라이언트 요청connect()에 수신 대기열 생성 accept() 클라이언트 연결read()을 기다림 클라이언트 실제로 데이터 송수신이 일어나는 곳 socket() Socket 여는 함수 connect() 통신할 서버의 설정된 ip와 port 번호에 통신을 시도하는 함수 통신 시도 시, 서버가 accept() 통해 클라이언트의 ..

💡 CSS 반응형 CSS 초기화 CSS 단위 Media query 반응형 반응형 웹 디스플레이 종류에 따라 화면크기 자동최적화 적응형 웹 PC용 / 모바일용 사이트 url 별도 제공 반응분기점(breakpoint) CSS 스타일 초기화 브라우저마다 태그 기본스타일 상이 → 다른 화면 CSS 초기화 방식 Reset.css https://meyerweb.com/eric/tools/css/reset/ Normalize.css https://necolas.github.io/normalize.css/8.0.1/normalize.css (css파일 링크) https://cdnjs.com/libraries/normalize (cdn) CSS 단위 px 화면의 하나의 점 반응형 부적합 반응분기점 별로 사이즈 다르게 작..

윈도우노트북에서도 개발환경 동일하게 맞춰주기 node 버전 업데이트 (로컬, 서버) FileZilla (FTP 소프트웨어) 설치 git pull해도 최신커밋 반영이 안되서 아예 git clone 앗 근데 아파치 설치 안했다. 다른 맥에서 아파치로 설치한 웹서버 관리자 설정을, 노트북에서도 쓸 수 있게 했을 뿐...

💡 Node.js ❓ Later [x] console.log 단축키 [ ] https://inpa.tistory.com/category/Node.js/Node [ ] new 가 뭐지 [ ] 콜백함수? [ ] parameter인자 호출시(cb,name,txt,message) ➕ 채팅시스템 구현 - socket.io (이벤트 많음) #서버 로그인 ssh root@(공인IP주소) #서버 로그아웃 exit setTimeout : 초를 기다렸다가 실행 Node.js 특징 npm 패키지세션을 쓰면 관련 라이브러리 설치 npm: JS로 개발된 각종 모듈 관리해주는 기능 Single Thread 운영체제에서 할당하는 작업의 단위 (실행중인 프로그램)(작업 관리자에 쓰는게 프로세스) :스레드하나의 프로세스 안에는 여러개..

0715 💡 개발문화 & Git Branch ❓ Later [ ] merge 종류 [ ] merge comment 여부 [ ] vi/vim 편집기 [ ] Node.JS 예습 #커밋 삭제 git log **git reset HEAD~1** **git push -f origin main** Agile Waterfall 모델장점 단순한 모델 단계별 정형화된 접근으로 문서화 용이 단점 떨어지는 유연성 시스템 동작을 후반에 가야 확인가능 대형프로젝트에 부적합, 일정지연 가능성 고전적인 SW생명 주기, 순차적 수행 짧은 주기의 개발단위(설계, 개발, 테스트, 배포)를 반복하는 방법론 요구사항 단위로 쪼개 솔루션 구축 협력 + 피드백 유연성 + 대응성 Scrum(스크럼) 개발자-고객 지속적 커뮤니케이션 고객 요구사항..