cleanUrl: /lv1/13th/1week
disqus: false
adsense: false
theme: light
pagePassword: false
cherry: false

🛫 체크인

체크인 점수(1~10) 이유 1주차 미션하면서 어려웠던 점 & 느낀 점 PR 링크
메이커준 8 세상에 월요일 됐더니 일이 엄청나게 많아졌어요!!!!!!! 하지만 스터디는 못참죠
blackraven93 6 눈이 갑자기 내려서 감기 기운이;;: 객체관의 연관성에 대해 고려 중이고 설계 중인데 굉장히 어려웠다. 코드리뷰가 처음이라 익숙하지 않았지만 정말 많은 것들을 배울 수 있어서 흥미로웠다!
Mulgyeol 8 집에 가는 기차에서 접속중이에요...!🤣 피곤하긴 하지만 오늘도 기대됩니다! 상태를 어떻게 관리해야 확장성 있게 사용할 수 있을지 고민이 많이 됐습니다.
상태가 변경되면 렌더링을 어떤 식으로 해줘야 할지도 고민 됐어요.
이정민 7 월요일이라 피곤하네요 ㅜ setState로 상태 변경시 불변 객체를 만들기 위해 상태를 새로 만드는 부분이 간결하지 않아서 쉽게 만드는 방법이 고민이 되었습니다.
연리사 6 많이 피곤하네요..ㅜㅜ 코드를 좀더 간결화하게 작성하기가 힘들었고 다른분들의 코드해석이 많이 어려웠다.
suyeon 7 역시 피곤한 요일... ㅜ 코드를 작성하는 시야가 좁다는게 느껴졌다 특히 코드리뷰는 처음이라 낯설고 어려웠지만 다른분들 코드를 보며 조금 더 시야를 넓히고 공부할 수 있는 기회였다.
baegofda 8 세상에.. 왜 일이 끊이질 않을까요??????????
ㄴ 제 이야기인가요...? ㅎㅎ by 메이커준 작은 기능 구현하는데 다 다르고 너무 잘하시는분들이 많으셔서 신기하고 신청하길 잘했다고 생각했어요 ! https://github.com/blackcoffee-study/moonbucks-menu/pull/167
kyoul 4 가시지 않는 피곤... 코드 리뷰 작성에 대한 고민
최다빈 7 헬요일 + 비 어려웠던점 : 프레임워크만 쓰다보니 약간 막막함...
느낀점 : 똑같은걸 구현해도 정말 다양한 방법이 있고 많은걸 배우게됩니다.
Eunyeol-Lucas 7 월요일...월요일 한단어로 설명됩니다. 막연하게 쓰던 코드들을 설명하려고 하니 이제서야 그 이유를 찾아보고 생각하게 되었습니다. (많이 부족했습니다 ㅠㅠ)
박규태 8 재밌을거같아요~ 기능 구현하는데만 초점을 맞췄었는데, 조원들 코드를 보며 많이 배웠습니다.첫 코드리뷰여서 재밌었어요.
kurt 4 비가 갑자기 와서 자전거 젖음 ㅠㅠ ‣ 아직 많이 부족하다 보니 실행만 되면 끝인 줄 알았다. 그래서 별 노력없이 코드를 짠 것이 후회됨. 다시 돌이켜 보니 궁금한 것들이 여러가지 있었는데 쉽게 지나쳤던 것 같음. 다른 분들 보니 단순히 실행여부를 넘어서 상태관리, 효율성, 컴포넌트 등 많은 것들을 고려해서 코드를 작성한다는 것을 알았다.
beomjourr 7 퇴근후는 역시 피곤하네요..ㅠㅠ - 프레임워크의 노예였구나..

Pull requests · blackcoffee-study/moonbucks-menu

오늘 컨디션 상태를 아래 테이블에 작성해주세요 😃 점수는 1~10점 사이로 오늘의 컨디션을 작성해주시면 됩니다. 😆

https://github.com/blackcoffee-study/moonbucks-menu/pull/181/

🎯 오늘 스터디의 목표

💬 더 나은 코드를 위한 고민과 피드백

1. 가독성을 위한 네이밍 ~20:40

1) 내 함수는 정말 한 가지 기능만 하는가? 그리고 함수의 이름은 적절한가?

function showMenuItems() {
    const menuItems = getMenuItems();
    ...
    menuItems.forEach(item => {
        console.log(item);
    });
    ...
}

위 코드는 아래와 같이 분리될 수 있습니다.

function logMenuItems(menuItems) {
    menuItems.forEach(item => {
        console.log(item);
    });
}

function showMenuItems() {
    const menuItems = getMenuItems();
    ...
    logMenuItems(menuItems);
    ...
}

2) 중간 변수 도입: 의미가 명확해진다면 변수명은 길어도 괜찮습니다.

const menuItems = getMenuItems();
menuItems.map(item => {
    if (item.isSoldOut) {
        ...
    }
})

const menuItems = getMenuItems();
const soldOutMenuItems = menuItems.filter(item => item.completed)

if (soldOutMenuItems) {
    ...
}