개발일지📝

Ajax ?AJAX ( Asynchronous Javascript and XML) 은 웹 페이지의 이동없이 필요한 데이터만 전송하는 기술입니다. 웹 어플리케이션에서 데이터를 가져올 때 서버쪽 데이터가 필요할 때 ajax기법을 사용하게 됩니다.이 작업은 시간이 오래 걸릴 수도 있기 때문에 비동기적으로 처리하게 됩니다.비동기(asynchronous)는 요청이 끝날 때 까지 기다리는 것이 아니라, 동시에 여러 작업을 수행하게 됩니다.나중에 react에서는 다른 서버의 REST API와 통신을 이용하여 데이터베이스 데이터를 가져올 수 있습니다.  ES6 fetch 를 이용해 데이터 처리 (리액트)Promise = fetch(요청주소) 📍 이벤트 클릭시 처리하기데이터를 가져와서 useState()에 저장하는 작..

◈ 프로젝트 구조package.json >> build.gradle / pom.xml 과 동일 (라이브러리 , 버전 명시)라이브러리와 그 버전을 명시하여 프로젝트의 의존성을 관리하는 항목 dependency  : 라이브러리와 그 버전을 명시하여 프로젝트의 의존성을 관리하는 항목  scripts 명령문 : 자주 사용되는 명령어를 스크립트로 정의하여 쉽게 실행할 수 있도록 하는 항목eslintConfig : 기본 프로그램 도움 (코드 품질을 보장하기 위해 JavaScript 코드 스타일을 검사하는 도구인 ESLint의 기본 설정을 정의하는 항목)browserlist : 프로젝트가 지원해야 하는 브라우저의 범위를 명시 ( 브라우저 호환성을 유지하기 위해 필수 )◈  web pack loader자동 리로드됨 (..

😺 React 라우터에 대해 알아보기 전에 SPA 의 개념에 대해 알아보자. 📍 SPA란? (single page application)하나의 페이지로 만들어진 어플리케이션을 의미한다.전통적인 방식은 Server가 html 파일 만들고 data 실어서 응답하지만,spa 방식은 클라이언트에 html 세워두고 데이터만 요청응답을 통해 바꾼다.  SPA는 html파일을 브라우저 측에서 로드하고, 필요한 데이터는 API와 ajax통신을 이용해서 처리합니다.브라우저에서 사용자가 상호작용 하면 필요한 부분만 업데이트 해서 처리합니다.멀티플랫폼 Android, IOS에 대응하여 웹뷰로 처리하는 목적으로도 사용됩니다. 📍 SPA의 단점 (CSR방식)앱의 규모가 커지면, JS파일도 너무 커져서 로딩이 오래걸리게 됩..

1. React 에 CSS 적용  😺 리액트에 CSS 적용하는 방법을 알아보자!   📍 css 파일 이름 규칙 컴포넌트의 이름을 반드시 포함해서 만듬EX) App.js - App.css     📍  태그에 직접 지정하기태그에 직접 디자인을 적용 할 때는 {}로 묶어줍니다css속성중 - 은 카멜표기법으로 대체됩니다.style={{css속성: 값, css속성: 값}}안녕하세요!!   📍  일반 css파일로 적용하기일반CSS문법으로 디자인을 해주면 되고 import로 가져오면 됩니다./* App.css */.app_header { height: 50px; line-height: 50px; background-color: #000; margin: 0; padding: 0;}//..

1. 훅(HOOK)  😺 리액트에는 hook 훅 이라는 개념이 있다. 📍 Hook 이란? 리액트 컴포넌트는 클래스형 컴포넌트(Class component)와 함수형 컴포넌트(Functional component)로 나뉩니다.리액트 훅은 새로운 기능으로 React 16.8버전에 새로 추가된 기능함수형태의 컴포넌트에서 사용되는 몇가지 기술을 Hook이라고 부릅니다. (useState, useEffect 등)리액트 훅은 함수형 컴포넌트가 클래스형 컴포넌트의 기능을 사용할 수 있도록 해주는 기능이다.    😺 훅에도 규칙이 있다 !  📍 Hook 규칙최상위 에서만 Hook을 호출해야 한다반복문, 조건문, 중첩된 함수 내에서 Hook을 실행하면 안된다.이 규칙을 따르면 컴포넌트가 렌더링될 때마다 항상 동일..

레이아웃 템플릿 적용: layout03 템플릿에 container 부분을 전달하여 해당 템플릿의 특정 부분만 교체하는 방법을 보여줍니다. 이처럼 여러 페이지에서 공통된 레이아웃을 유지하면서, 특정 부분만 동적으로 교체할 수 있습니다. 이 화면에 진입할 때 TestVO를 Model에 담아 화면처리를 합니다. 1. 회원정보확인 링크에는 quiz_result01?키=값 형태로 번호를 넘기고 출력해 주세요 2. 아래 class="container" 부분만 layout03 템플릿에 전달 될 수 있도록 처리하세요 회원번호: [[${vo.num}]] 이름: [[${vo.name}]] 나이: [[${vo.age}]] 회원정보확인   결과화면 넘어온 값: [[${num}]]   ..

@RestController //Controller + ResponseBody(컨트롤러에서 응답을 요청이 들어온곳으로 바꿈) 합성어    JSON 형식의 반환 1. Vo 타입  2. Map 타입     json형식으로 데이터 전송 @RequestBody - JSON데이터를 -> 자바 오브젝트로 변형해서 맵핑 { "name" : "홍길동", "age" : 20, "addr" : "서울시시" }       /////////////////////////////////////////////////////////////////////////////// //응답문서 명확하게 작성하기 ResponseEntity //@CrossOrigin({"http://127.0.0.1:5500", "h..

타임리프 내장객체 사용방법 배열의 길이 [[${ #arrays.length(arr) }]] 리스트의 길이 [[${ #lists.size(list) }]] 빈리스트 확인 [[${ #lists.isEmpty(list) }]] [[${now}]] [[${ #dates.format(now, 'yyyy-MM-dd') }]] 자바스크립트로 값 받기

타임리프 변수, 제어문 [[${'hello world'}]] [[${1 == 1}]] [[${1 eq 1}]] 변수 선언 [[${a}]] [[${b}]] 조건문 10과 같음 10과 같지 않다 if if와 조건을 동일하게 달아줍니다 (else문) 3항 연산자 [[${ true ? '참입니다' : '거짓입니다'}]]     반복문 [[${vo.num}]] [[${vo.name}]] [[${vo.addr}]] [[${vo.a..

◈ 타임리프 include 문법   layout01.html 파트1 부분 파트2 부분  layout02.html 여기는 푸터 영역 입니다..     결과 .html  인클루드 확인하기1    layout03.html 헤더입니다. footer입니다  결과 .html 여기는 몸체 입니다. 아이디 선택자 # 여기는 몸체2 입니다. 클래스 선택자 .

1. Spring Core 어노테이션@Component:클래스에 붙여서 Spring 컨테이너에 의해 자동으로 빈(Bean)으로 등록됩니다. @Service, @Repository, @Controller는 @Component의 특수화된 형태입니다.@Service:비즈니스 로직을 수행하는 서비스 클래스를 나타냅니다. @Component와 동일하게 빈으로 등록됩니다.@Repository:데이터 액세스 레이어의 빈을 나타냅니다. 데이터베이스 접근과 관련된 클래스를 정의하며, @Component와 동일하게 빈으로 등록됩니다.@Controller:웹 요청을 처리하는 컨트롤러 클래스를 나타냅니다. @Component와 동일하게 빈으로 등록되며, MVC 패턴의 컨트롤러로 사용됩니다.@Configuration:클래스가 ..

//void형은 들어온 요청 경로가, 나가는 경로가 됩니다(화면경로) @RequestMapping("/req_ex01") public void ex01() { } @RequestMapping("/req_ex01") public String ex01() { return "request/req_ex01"; //화면경로 }   //@RequestMapping(value = "/basic", method = RequestMethod.GET) //get만 허용함 //@RequestMapping(value = "/basic", method = RequestMethod.POST) //post만 허용함 //@RequestMapping("/basic") //get, post 둘다 허용함 @Reques..

이름과 점수를 입력한 후  [점수 등록] 버튼을 누른다.      점수가 잘 등록되었다는 화면이 뜬다.     [목록페이지] 를 누르면 이렇게 등록되어있는 표가 뜨고    [점수등록] or [추가등록하기] 링크를 누르면 다시 등록 페이지로 이동한다.    데이터베이스에도 값이 잘 들어옴을 확인 가능하다!

1) Service interface / Service impl 만들기 💀Service interfacemapper 와 메서드명을 통일시켜준다 (일관성, 가독성)package com.simple.basic.service.score;import java.util.ArrayList;import com.simple.basic.command.ScoreVO;public interface ScoreService { public void regist(ScoreVO vo); //등록 public ArrayList getScore(); //조회 public void delete(int sno); //삭제}  💀Service implements@Service("x")에서 "x"는 이 서비스 빈의 이름을 지정하는 역할..

1) Oracle database :: TABLE 생성 CREATE TABLE SCORE( SNO NUMBER(10), NAME VARCHAR2(30), KOR VARCHAR2(30), ENG VARCHAR2(30), MATH VARCHAR2(30));ALTER TABLE SCORE ADD CONSTRAINT SCORE_SNO_PK PRIMARY KEY (SNO); -- PKCREATE SEQUENCE SCORE_SEQ NOCACHE; --시퀀스   2) VO 만들기 더보기package com.simple.basic.command;public class ScoreVO { private int sno; private String name; private String kor; p..

SQL 쿼리 실행 방식Statement:일반적인 SQL 쿼리를 실행할 때 사용됩니다.SQL 쿼리는 실행할 때마다 새롭게 구문 분석되고 컴파일됩니다.쿼리 내에 매개변수를 포함할 수 없기 때문에 직접 SQL 문에 값을 삽입해야 합니다.SQL 인젝션 공격에 취약할 수 있습니다. Statement stmt = connection.createStatement(); String sql = "SELECT * FROM users WHERE id = " + userId; ResultSet rs = stmt.executeQuery(sql);PreparedStatement:미리 컴파일된 SQL 문을 실행하는 데 사용됩니다.쿼리를 작성할 때 ?를 사용하여 매개변수를 설정할 수 있으며, 나중에 값을 할당할 수 있습니다.동일한 ..

1. 반드시GET 방식으로만처리한다2. 이동할때페이지번호, 보여줄페이지개수를가지고다녀야한다-> 목록 으로 나올때현재페이지를유지하기위해3. 페이징 처리하는로직을클래스로분류한다-> PageVO클래스는 페에징 관련 모든 페이지를 계산한다

[ EL  (Expression Language) ]자바코드를 표현식을 대체할 수 있다 (복잡한 코드를 간단하게 해줌)JSP 스크립트 요소를 보완하는 역할을 한다.  JSP에서 저장객체를 출력할때 스크립팅을 전혀 쓰지 않을 수 있는 기술일종의 스크립트 언어로 자료 타입, 수치 연산자, 논리 연산자, 비교 연산자 등을 제공하며 표현식을 대체할 수 있 습니다.  ------->   ${value} 로 사용가능   [ EL 내장 객체 ] ${ 1 + 2 }${ 1 > 2 }${ 2 == 2 }${ 2 == 1 ? '같음' : '다름' }${1  [EL :  requestScope ]${param.name}${param.age}//파라미터값 가져오기//쉽게 값을 가져올 수 있다.request.setAttribu..

◈ 필터란HTTP 요청, 응답을 변경할 수 있는 재사용 가능 클래스요청 ----- 최종정보 사이에 위치하여....   ◈ 필터 생성 방법1. 필터 클래스는 일반 자바 파일로 생성합니다.2. Filter 인터페이스를 상속 받습니다3. 일반적으로 doFilter메서드를 오버라이딩 합니다4. 사용 후 doFilter(request, response); 메서드를 반드시 사용한다               ◈ 필터 여러개 등록하는 방법

◈ 액션 태그란? 웹 사이트에서 공통 구성 요소 (헤더,푸터,네비 등) 들을 계속 작성하게되면엄청난 코드 중복이 일어난다... !!이럴 때에는  를 사용해서 모듈화시켜 코드 중복을 없애준다!   ◈ include 액션 태그 동작 방식 1. 웹 브라우저 요청을 받으면 abc.jsp2. 첫 내용 A 가 출력 버퍼에 저장되고3. include 가 실행되면 요청 흐름을 include  b.jsp로 이동한다.4. B 가 출력 버퍼에 저장된다.5. include  b.jsp 실행이 끝나면 다시 abc.jsp 로 이동한다.6. 마지막 내용 C 가 출력 버퍼에 저장되고7. 출력 버퍼의 내용을 응답 데이터로 전송한다. ◈ 액션태그 속성  page: 포함할 리소스의 경로를 지정합니다. 상대 경로로 지정할 수 있으며, 웹..

[트리거]테이블에 부착한 형태로써, insert, update, delete 작업이 수행될 때 특정 코드가 작동되도록 하는 구문= 연쇄적인 동작 트리거 생성 > 부착   > 동작 > DML 수행set SERVEROUTPUT on; -- 출력구문을 사용가능하도록 온CREATE OR REPLACE TRIGGER 트리거명 AFTER DELETE OR UPDATE --삭제, 수정 이후에 동작 ON 부착할테이블 FOR EACH ROW -- 각행에 적용BEGIN DBMS_OUTPUT.PUT_LINE('트리거가 동작함'); -- 실행되는 코드를 begin~end에 넣음END; [ 자동 연관  ](주문 상품)주문이 들어오면 상품이 줄어들어야하는데이때 트리거를 통해서 관리하면 편하게 관리 가능주..

[ 프로시저 ] PL/SQL 에서 사용되는 프로그램 단위이다.특정 작업을 수행하는 코드 블록을 캡슐화 한 것이다.동일한 작업을 반복적으로 수행할 수 있다.   [ 스토어드 프로시저 ( 저장 프로시저 ) ]하나의 함수처럼 실행하기 위한 쿼리의 집합 일련의 SQL 처리 과정을 집합처럼 묶어서 사용하는 구조 CREATE OR REPLACE PROCEDURE NEW_JOB_PROC --매개변수IS --변수의 선언 영역BEGIN --실행 영역 DBMS_OUTPUT.PUT_LINE('HELLO WORLD!'); END; -- 프로시저의 호출EXEC NEW_JOB_PROC;  [ 프로시저 매개변수  IN ]입력매개변수를 의미한다. [ 기본 매개변수 DEFAULT ]매개변수가 제공되지않으면 기본값이 사용되도..

[CURSOR 커서]질의 수행결과가 여러행이 나온 결과 처리할때 사용여러 행을 처리할 수 있게 해준다. CURSOR 루프하면서 읽어준다. [ 커서 선언]CURSOR 커서이름 IS SELECT문장; [커서 열기]OPEN 커서이름; [커서 데이터 읽기 (LOOP end 반복문)]FETCH 커서이름 INTO 저장할 로컬변수 [커서 닫기]CLOSE 커서이름  [커서 속성]- %FOUND -- PL/SQL코드가 마지막으로 얻은 커서의 결과 set에 레코드가 있다면 참. - %NOTFOUND -- %FOUND의 반대 - %ROWCOUNT -- 커서에서 얻은 레코드수 반환 - %ISOPEN -- 커서가 열렸고 아직 닫히지 않은 상태라면 참 DECLARE NM VARCHAR2(50); SALARY NUMBE..

[PL/SQL 이란?]Program language SQL 의 줄임말로 오라클에서 사용되는 절차적 프로그래밍 언어이다. 쿼리문의 집합으로 동작을 일괄처리 하기 위한 용도로 쓰인다. 저장 프로시저, 함수, 트리거 등을 작성할 수 있다. (절차형SQL 코드부분만 선택하여 F5로 컴파일해서 실행한다.)  [익명블록]set serveroutput on; -- 오라클에서 출력을 사용함DECLARE 변수BEGIN 처리할 내용 DBMS_OUTPUT.PUT_LINE(출력문)END;declare -- 변수선언부 begin -- 로직 시작 exception -- 예외 end -- 로직 종료 DBMS_OUTPUT.PUT_LINE(출력문)  [연산자]+, -, /, MOD(), *, ** >, >=, , := [DM..

[ 사용자(User) ]사용자 계정, 오라클 서버에 접속하기 위해 사용하는 것즉, 데이터베이스에 접근할 수 있는 계정 [ 스키마(Schema) ]특정 사용자(User)가 만들어 놓은 object(객체) 집합  [ 프로파일(Profile) ]사용자 계정 행동을 제한하는 규칙을 정의하는 데 사용예) 1개월마다 암호 변경, 동일 암호 사용 불가 등등 [ 프로파일 파라미터 종류 ]PASSWORD_LIFE_TIME  : 비밀번호의 유효 기간을 설정합니다. PASSWORD_GRACE_TIME  : 비밀번호 만료 후 사용자가 새로운 비밀번호를 설정할 때까지의 유예 기간을 설정합니다. PASSWORD_REUSE_TIME  : 비밀번호 재사용이 가능한 시기를 설정합니다. PASSWORD_REUSE_MAX  : 특정 비밀..

RAID 여러개의 하드디스크에 데이터를 나눠서 분산, 중복 저장하는 기술을 말한다. 레이드(RAID)란 Redundant Array Inexpensive Disks의 약어이며, 의미는 값싼 디스크를 여분으로 배치한다 는 뜻이다. RAID (Redunant Array of Independent Disks  또는 Reundant Array of Inexpensive Disks) 란 여러 개의  하드 디스크를 하나의 디스크처럼 사용하여 일부 중복된 데이터를 나눠서 저장하는 기술이다. 레벨에 따라 저장장치의 신뢰성을 높이거나 전체적인 성능을 향상시키는 등의 다양한 목적을 만족시킬 수 있다.   RAID 0자료 두 장치에 동시에 사용, 빠르게 저장 RAID 1복제된 데이터가 한쌍의 드라이브에 기록되는 방식 서로 ..

▫ gedit의 기본적인 사용법을 확인한다.▫ nano 에디터의 사용법을 익힌다.▫ vi의 사용법을 연습한다  vi의 비정상 종료 시 조치법 ??? 왜? ) vi 파일 수정중에 비정상 종료를 할때 나오는 메세지인데 원본파일이 그대로 있고 스왑파일이 생성되는 것.스왑파일을 지워줌 = 비정상 종료시 생기는 swap 파일 (해당 파일을 삭제해야 함) ,그러면 위의 화면 안뜸 0. vi 파일 수정 중 비정상 종료시 생기는 swap 파일이 생성돼서=> 해당 파일을 삭제해야 함1. 삭제할 스왑파일 찾기# ls -al (현 디렉토리 하위 숨겨진 파일 포함 상세히보기)~ delete the swap file ".install.log.swp"//이때 숨겨진 파일은 .{파일 이름} 으로 되어있따.//파일 이름 앞 . 은 ..

링크 파일 [링크] 하드링크/소프트링크의 개념과 사용 방법개요 Windows에서 특정 실행 파일을 바탕화면에 바로가기로 만드는 것과 같이 리눅스에서도 링크를 통해 특정 파일에 대한 바로가기를 만들어야되는 상황이 발생할 수 있습니다. Linux에서 Windows의kimdy.tistory.com  하드 링크를 생성하면 “하드링크파일”만 하나 생성되며,  같은 inode1을 사용 # ln 링크대상파일이름 링크파일이름-> ln basefile hardlink심볼릭 링크를 생성하면 새로운 inode2를 만들고,  데이터는 원본 파일을 연결하는 효과# ln -s 링크대상파일이름 링크파일이름-> ln -s basefile softlink   ① 실습을 위해 디렉터리를 생성하고, 원본파일을 작성# cd# mkdir l..

체감 Level : ★ ★ ★  Review:  재귀적으로 푸는 건 알았지만 코드작성에서 막막해졌다.. 수학적 사고가 부족했다 ㅠㅠ 💡콜라를 받기 위해 마트에 주어야 하는 병 수 a, 빈 병 a개를 가져다 주면 마트가 주는 콜라 병 수 b, 상빈이가 가지고 있는 빈 병의 개수 n이 매개변수로 주어집니다. 상빈이가 받을 수 있는 콜라의 병 수를 returnhttps://school.programmers.co.kr/learn/courses/30/lessons/132267#  [참고 코드]n은 a보다 크거나 같을 때 (a 미만까지 된다고 표기되어있따.)( 즉, 다음에 나눠질 n 값에 나머지값을 넣어서 재귀적 연산 수행)class Solution { public int solution(int a, int..

체감 Level : ★ ★ ★  Review: 정규식과 패턴을 사용해야하는 문제... 패턴 뽑아오는 부분만 참고하고 나머지는 직접 코딩했는데 조건이 까다로워서 시간이 오래 걸렸다 ㅜㅜ  💡 두자리 수를 가져와야하는 점* 가 나오면 이전 값도  *2 해줘야하는것.import java.util.*;import java.util.regex.Matcher;import java.util.regex.Pattern;class Solution { public int solution(String dartResult) { int answer = 0; String[] arr = new String[3]; String ptn = "(\\d+)(..

체감 Level : ★☆☆ Review:  💡import java.util.*;public class Solution { public List solution(int []arr) { List answer = new ArrayList(); int tmp = -1; for (int n : arr){ if (tmp != n){ answer.add(n); } tmp = n; } return answer; }}

체감 Level : ★ ★ ★ Review: 브루투포스는 모든 경우의 수를 따져보는 알고리즘이다.  (완전 탐색) 💡제한된 시간 안에 N장의 카드 중에서 3장의 카드를 골라야 한다. 블랙잭 변형 게임이기 때문에, 플레이어가 고른 카드의 합은 M을 넘지 않으면서 M과 최대한 가깝게 만들어야 한다. N장의 카드에 써져 있는 숫자가 주어졌을 때, M을 넘지 않으면서 M에 최대한 가까운 카드 3장의 합을 구해 출력  💬 3중 for 문을 통해서 조건에 부합하는 결과를 출력  [코드 참고]N, M = map(int, input().split()) #카드 개수와, 주어진 수 arr = list(map(int, input().split())) #받아온값 리스트에 넣기result = 0 #결과값for i in ra..

체감 Level : ★☆☆Review:  문자열을 문자배열로 바꾸고 정렬만 해주면 쉽게 풀 수 있다. 💡  a,b,c 세 막대의 길이를 마음대로 줄여 아래 조건을 만족하는 삼각형을 만들고, 둘레를 반환한다.  💬 삼각형은 제일 큰 변의 길이  즉 큰 변의 길이가 다른 두변의의 합보다 작아질때까지 계속 빼준다.a =[]a = sorted(list(map(int,input().split())))sum = a[0] + a[1]max = a[2]if max 3 tmax -= 1 if(sum > tmax): break print(sum+tmax)

[ eclipse  깃허브 협업 방법 ] 1. 프로젝트를 진행할 레파지토리 생성github 에서 repositories 를 하나 생성한다.  2. 콜라보레이터 초대하기같이 협업할 사람을 초대한다. Collaborators이때 초대를 수락해야한다. 3. 이클립스와 깃허브 연결하기이클립스에서 Import -> git -> clone 이때 깃허브 Settings > Developer-Settings > Token 을 생성한다. 4. 잘 연결 되었는지 서버 켜서 확인해주면 끝  [ 협업 시 깃 허브 사용법 ? ]  (팀장) 내 github 계정연결$git config --global user.email "본인이메일주소"$git config --global user.name "본인이름"  초기 코드 업로드하기$g..

git init 과 원격 레포지토리가 연결 되어었는 상태에서 안에 배치파일 누르시면 자동으로 푸쉬된다.!   *** 수동 업로드하기 Open Git Bash here  깃 시작하기$ git init  깃 초기 세팅 $ git config --global user.name "본인이름영어"$ git config --global user.name 본인이메일$ git config --list깃허브 회원" data-og-host="hyejux.tistory.com" data-og-source-url="https://hyejux.tistory.com/633" data-og-url="https://hyejux.tistory.com/633" data-og-image="https://scrap.kakaocdn.net/d..

comflict 란? comflict 는 같은 파일, 같은 위치를 여러 사용자가 동시에 수정할 때 발생하는 오류이다. merge / rebase 작업 중 자동으로 해결할 수 없는 변경 사항이 있을 때 발생한다. ex) 1) A 브랜치와 B 브랜치가 있다.2) 두 브랜치를 동일파일, 동일 라인을 수정함 3) A 로 체크아웃하여 B 를 병합한다 (merge) .  ---> Automatic merge failed; fix conflicts and then commit the result. >>>>>> B-branch  comflict 발생 시 해결방법comflict 발생한 파일을 수동으로 수정해주면 된다.더보기pull 당겨오면 comflict 발생 >쓰던 코드를 add / commit >pull (comf..

branch 란 프로젝트의 다양한 변경 사항을 독립적으로 관리할 수 있는 기능이다.git 저장소 내에서 독립된 작업 흐름을 나타내는 포인터이다. 기본 브랜치인 master 브랜치를 가지고 있다.  branch 특징 - 독립된 작업 공간 제공- 동시에 여러가지 작업을 수행 가능- 변경사항을 안전하게 테스트 가능- 코드 안정성 유지, 효율적인 협업 가능- 간편한 버전 관리  branch 활용 1) 기능 개발2) 버그 수정3) 릴리즈 관리  branch 명령어 ▶️  브랜치 생성 $ git branch 이름     ▶️ 브랜치 확인 $ git branch     ▶️  브랜치 변경 $ git checkout 이름    ▶️  브랜치 삭제 $ git branch - D 이름    ▶️ 병합 $ git merg..

git 에서 브랜치끼리 합치는 방법은 Merge , Rebase 가 있음.실행결과는 같지만 commit history 가 달라짐( conflict  !!! 두 개 이상의 브랜치에서 동일한 파일의 동일한 부분을 수정했을 때 발생) Merge  쉽고 안전하지만 commit history 가 복잡해짐이력이 맞춰지지 않은 상태로 merge 하면 새로운 branch 가 생성된다. (이력이 남음) $ git branch $ git checkout master$ git merge A$ git merge B // merge 이력 남음     Rebase- 베이스를 재배치하는 것- 마지막 나눠지기 전 이력을 기준으로 base 를 맞추고 합칠 브랜치 이력 적용- branch의 base가 되는 최신 커밋으로 base를 맞추..