본문 바로가기

T.I.L

23-06-29 js에서 fetch로 POST보내기

문제설명

지금까지 만든 CRUD의 코드는 js파일에서 작성이 됐다.
웹개발은 js는 동작 html은 뼈대 css는 꾸미기로 구성되어 있다.
동작을 할 뼈대, html을 작성하고 js의 코드와 연동해야 한다.
 

시도

<body>
    <div align="center" class="login-wrapper">
        <h2>회원가입</h2>
        <div id="regist-form">
            <p><input id="Email" type="text" placeholder="Email"></p>
            <p><input id="Password" type="password" placeholder="Password"></p>
            <p><input id="confirm" type="comfirmPassword" placeholder="Password 확인"></p>
            <p><input id="decreption" type="introduce" placeholder="한줄 소개글"></p>
            <p><input id="nickname" type="nickname" placeholder="Nickname"></p>
            <button type="button" onclick="registUser()">Regist</button>
        </div>
    </div>
    <script type="text/javascript" src="../fetch/registUser.js"></script>
</body>

 

회원가입의 post는 Email, Password, confirm, decreption, nickname의 데이터를 body에서 받아야 한다.

먼저 input값을 넣을 수 있게 input속성을 넣어주고, 값을 가져오기 위해서 id값을 부여해준다.

js와 연결해야하기 때문에 <script type="text/javascript" src="../fetch/registUser.js"></script> 코드를 넣었다.

script type="text/javascript"은 

해결

여기서 중요한 점은 후에 git clone과 git remote로 로컬저장소와 원격저장소를 연결해야 하며

main의 브랜치에서 작업을 하면 안된다. 왜냐하면 main의 브랜치에서 작업을 하면 후에 뼈대가 되는 레포지토리의 main이 commit이 되서 자동으로 싱크를 맞출 때 충돌이 일어나기 때문이다.

특정 작업을 완료해서 pullrequeste를 할 때 먼저 레포지토리의 싱크를 최신화 한 다음에 main에 pull하고 pull한 main에

자신의 작업물을 push하고 그 main을 pullrequeste를 요청하면 된다. 

알게된 점

gihub의 fork는 협업해서 merge를 할 때 충돌을 최소화 할 수 있는 좋은 기능이라는 것을 알았다.

fork한 결과물에서 작업을 할 때는 main이 아니라 다른 브랜치에서 작업을 해야한다. 왜냐하면 언제 뼈대의 main이 commit될지 모르기 때문에 충돌을 최소화 하기 위해서다.

fork를 사용하면 git pull을 최소화 할 수 있다.