2022.11.04 TIL

동찌·2022년 11월 4일
0

내일배움단

목록 보기
5/56
post-custom-banner

오늘의 할일

  • 프로젝트 발표
  • 느낀 점
  • 해야할 일

프로젝트 발표

  • 발표
  • 개인 코드 자랑 시간

발표

  • 3조 협업은 처음이라
    우리 조는 발표하는 분이 발표준비를 다 하셨는데, 고생하시기도 했고 도움도 되게 다 같이 했으면 좋았을 것 같다.
    근데 너무 잘하셔서 감사했다.
    우리 조 분들 너무 고생하셨고 다들 계속해서 열심히 하셨으면 좋겠다.
    튜터님께서도 정말 깔끔하고 도움되는 피드백을 해주셔서 감사했다:)

  • 그 외에 조
    다른 조 분들이 엄청 대단했다.
    정리도 엄청 잘하시고 지식이 너무 많으시고...
    열심히 하고 있다고 생각했는데 쨉도 안된다 좋은 자극을 받은 것 같다.
    다른 조가 받은 피드백도 다 훔쳐서 흡수한다.
    앞으로 정리를 잘 하도록 노력해야겠다.


팀원들 각자 가장 마음에 드는 코드(함수)를 뽑아 자랑

나는 show_guest(a) 함수를 자랑할 것이다!
별거 아닌 것 같지만 매개변수를 사용함으로써 페이지마다 함수를 갖다넣지 않고, js파일 하나에 저장해놓은 다음 파일을 링크하고 실행코드만 쓴 것이 마음에 들었기 때문이다.
뭔가 더 좋은 방법이 있을 수도 있지만 이거라도 생각한게 나에겐 대단한 발전이어서 자랑한다.

function show_guest(a) {
    $.ajax({
        type: "GET",
        url: "/guests",
        data: {},
        success: function (response) {
            let guest_rows = response["guests"]
            for (let i = 0; i < guest_rows.length; i++) {
                let guest_name = guest_rows[i]['name']
                let guest_comment = guest_rows[i]['comment']
                let num = guest_rows[i]['num']
                let change = guest_rows[i]['change']
                let guest = guest_rows[i]['guest']

                let temp_html = ``

                if (change == 0 || change == 1) {
                    temp_html = `<li class="${guest}">
                            <div class="guest-name">${guest_name}</div>
                            <div class="guest-comment">${guest_comment}</div>
                            <div class="guest-btn-wrap">
                                <div class="btn-group btn-group-sm" role="group" aria-label="Basic example">
                                    <button type="button" class="btn btn-outline-dark"token interpolation">${num})">수정</button>
                                    <button type="button"token interpolation">${num})" class="btn btn-outline-dark">삭제</button>
                                </div>
                            </div>
                        </li>`
                } else {
                    temp_html = `<li class="${guest}">
                            <div class="guest-name">${guest_name}</div>
                            <div class="guest-comment"><input type="text" id="change_guest_comment" value="${guest_comment}"></div>
                            <div class="guest-btn-wrap">
                                <button type="button" class="btn btn-outline-dark"token interpolation">${num})">완료</button>
                            </div>
                        </li>`
                }

                if (guest == a) {
                    $('#guest-list').append(temp_html)
                }
            }
        }
    })
}

프로젝트 하면서 느낀점

대단한 사람들은 많다.
나라고 못할 것도 없다.
하면 안되는 것도 없다.
처음부터 잘하려고 무리하지 말자(조금은 해도 됨 너무 안하면 그것도 문제임).


해야할 일

  1. 정리 잘하기
    튜터님이 말씀해주신대로 아직 나는 아가 상태이기 때문에(응애 나 동아가)
    익숙하지 않은 것들은 계속 정리하면서 상기시키는게 도움이 된다고 하셨다.
    김동한 특 : 정리 개못함
    TIL 써놓은 것만 다시봐도 정말 의식의 흐름대로 정리를 못해놨는데, 앞으로는 더 깔끔하게 정리를 하도록 노력해야한다.
    툴은 노션이 가장 깔끔한 것 같다. 이전엔 사용이 어려워서 잘 안썼는데, 프로젝트 정리하기가 괜찮은 것 같다.
  1. 협업
  • 기획 탄탄
    사실 일을 할 때에도 기획서가 부실하면 일하기 정말 싫었는데, 작은 프로젝트라고 안일하게 했던 것 같다.

  • 팀원들과 코드컨벤션을 잘 합의해서 작업을 해야한다.

  • git 사용
    사용할 줄 모른다고, 어렵다고 안했는데 잘못된 선택이었던 것 같다.
    처음부터 잘 할 수 있는게 세상에 존재하기는 한가
    하면서 배우고 익숙해져야 하는데 무작정 회피한 점을 반성하고 있다.

  • 의견을 더 확실하고 적극적으로 내기
    미리 겁먹고 회피하듯이 의견을 적극적으로 내지 않은게 후회된다.
    이거해보자 저거해보자를 했어야 했는데 그렇지 않아서 결과물이 부실하게 나온 것 같다. 최소한의 레이아웃과 최소한의 기능으로 구현해서 너무너무 아쉽다.

  1. 알고있는 지식이라고 무조건 사용하지말기
    ajax에서 type은 GET과 POST만 있는게 아니다.
    특히 수정, 삭제에서 POST를 사용해도 되지만 더 찰떡인 것을 사용하는게 좋다. (이 부분은 공부해서 개념 익히기)

  2. 예외 생각하기
    예외처리를 해놓은게 없는 것 같다.
    예를 들어 닉네임을 쓸 때 몇 글자 이상이면 안된다고 하거나, 새로고침을 해도 적용해놓은 무언가가 그대로 있게 한다거나, 서버가 연결이 되지 않았을 때 메세지라던가 등등...
    항상 사용자의 입장에서도 생각하며 편의성을 고려하자.


알게 된 것

튜터님이 크루드? 크로드? 라고 4가지 기능을 묶어서 말하는 거라고 하셔서 궁금해서 찾아봤다

CRUD는 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 묶어서 일컫는 말이다. 사용자 인터페이스가 갖추어야 할 기능(정보의 참조/검색/갱신)을 가리키는 용어로서도 사용된다.

post-custom-banner

0개의 댓글