항해 16일차

개인프로젝트는 여전히 진행중이다.
어제 설계까지 끝냈고, 오늘부터 구현을 해보기 시작했다.

3. 동작확인

설계한 API가 잘 동작하는지 확인하는 단계이다.
ARC 이용해 값들이 잘 오고 가는지 확인 해 주면 된다.
다행이 정상 작동 했다.

4. HTML, Javascript

html과 javascript를 작성하는데 시간이 오래 걸렸다.
최대한 html은 신경쓰지 않고 주어진 기능을 우선으로 동작하는데 중점을 두었다.
이번 프로젝트도 SSR을 이용해서 구현을 해보려고 했는데 1주차 프로젝트에서 사용해봤기에
이번에는 모달을 이용했다. SSR도 익숙하지 않지만 우선 다양한 경험을 해보고 싶었다.

<div id="write-modal" class="modal">
        <div id="write-modal-background" class="modal-background"></div>
        <div class="modal-card">
            <header class="modal-card-head">
                <p id="modal-name" class="modal-card-title">글쓰기</p>
                <button id="close-write-modal" class="delete" aria-label="close"></button>
            </header>
            <section class="modal-card-body">
                <!-- Content ... -->
                <div class="field">
                    <label class="label">제목</label>
                    <div class="control">
                        <input id="write-title" class="input" type="text" placeholder="제목을 입력하세요">
                    </div>
                </div>

                <div class="field">
                    <label class="label">작성자</label>
                    <div class="control">
                        <input id="write-name" class="input" type="text" placeholder="이름을 입력하세요">
                    </div>
                </div>

                <div class="field">
                    <label class="label">내용</label>
                    <div class="control">
                        <textarea id="write-content" class="textarea" placeholder="내용을 입력하세요"></textarea>
                    </div>
                </div>
                <input id="write-id" type="hidden" value="">
            </section>
            <footer class="modal-card-foot">
                <div class="container">
                    <div id="btns" class="buttons is-right">
                        <button id="save-post-btn" class="button is-success">글쓰기</button>
                    </div>
                </div>
            </footer>
        </div>
    </div>

• 메인페이지 구성은 크게 어렵지 않았지만 문제는 모달창에 값을 가져오는데 많이 어려웠다.
  모달에 대해 처음 접해보았기 때문에 많은 구글링이 필요했다. 아직도 조금 헷갈린다.

5. 배포

RDS는 mySQL을 사용했다.

• 아직도 처음 접해보고 이해가 안되는 것 투성이다. 모를때 마다 바로 검색하는 부분도 시간이 오래 걸린다. 스스로 혼자서 터득한 기술을 바탕으로 코드를 짜보는 것이 시간도 오래 걸리고 완벽하진 않지만 데이터 값이 어떻게 오고가는지를 확실히 이해할 수 있다고 생각한다.