공지
뉴스레터 발행 주기를 주 3회로 변경합니다.

주간 요약

0028. React 순환 처리

리액트의 표현단인 JSX는 자바스크립트 구문을 허용하지 않아요. 그런데 프로그래밍을 하다보면 굉장히 빈번하게 쓰는 것이 반복문이거든요. JSX에서는 어떻게 반복 처리를 할까요? 그리고, 토이스토리 2기 모집 일자를 확정했어요. 일자와 금액에 대한 소식 전해드립니다.

2024.10.21 | 조회 417 |
0
|
from.
푸딩캠프
푸딩캠프의 프로필 이미지

푸딩캠프

주 3회, 하드스킬, 소프트스킬, 멘토링과 코칭 사례를 다루는 콘텐츠로 여러분의 학습과 성장을 돕습니다.

이번 편은 푸딩캠프 내부 사정 상 하드 스킬 컨텐츠만 준비했습니다. 소프트스킬과 커피챗 컨펜츠는 최종 편집이 완료되지 않아 부득이 함께 발행하지 못했습니다. 너른 마음으로 양해 바랍니다. 최대한 빠르게 컨퍼런스 발표와 컨텐츠를 발행하여 뉴스레터 컨텐츠 발행도 정상화하도록 하겠습니다.

Hard skills

React 이터레이션(Iteration)

React의 UI 배치 표현단인 JSX는 JavaScript 구문(Statement)을 허용하지 않습니다. 그래서 다음과 같은 코드는 동작하지 않습니다.

JSX에서 허용하지 않는 문법
JSX에서 허용하지 않는 문법

하지만 프로그래밍을 하다보면 아주 빈번하게 쓰는 문법이 바로 반복문입니다. 방법은 간단합니다. JSX로 표현된 구문은 JSX 요소(Element) 객체, 즉 JavaScript 객체가 되므로 JavaScript 영역에서 다루면 됩니다.

JSX에 반복문 쓰기
JSX에 반복문 쓰기

그런데 이 코드는 그다지 좋은 코드는 아닙니다. 로직(logic)은 JavaScript 영역에 있고, UI 표현단은 JSX에서 맡는데, 이 코드는 로직 영역을 UI 표현단이 침범한 것이나 마찬가지지요. 물론 불가피한 경우도 있지만, 이 예시는 불가피하지 않습니다. 그럼 어떻게 해야 할까요? 답은 바로 JavaScript 표현식(Expression)을 쓰는 것입니다.

이번 편에서는 JavaScript의 구문과 표현식에 대해 알아보고, React에서 순환(Iteration) 처리에 대해 알아봅니다.

 

React 이터레이션(iteration) 보기

 

푸딩캠프 이야기

토이스토리 1기의 1차 프로젝트 발표회를 마쳤어요.

2024년 10월 19일, 토이스토리 1기의 1차 프로젝트 발표회를 했어요.

토이2팀, 스타토이의 발표
토이2팀, 스타토이의 발표

약 다섯 시간 동안 진행된 이번 발표회에서 세 팀은 1차 프로젝트를 돌아보고, 2차 프로젝트 계획을 공유했어요. 2차 프로젝트에 대해서는 프로젝트 주제를 바꾸는 팀도 있고, 1차에서 미뤄둔 기능을 개발하는 팀도 있고, 고객 피드백을 반영하는 팀도 있어요.

토이3팀, 손절보안관의 발표
토이3팀, 손절보안관의 발표

발표회를 여는 세션은 푸딩캠프 1.5 소식이었어요. 1.5판의 가장 큰 변화는 캠프 페이지가 더 강력해진 점이지요. 팀에 가입 신청하고 승인하는 체계가 도입됐어요. 물론 각 팀의 활동처인 디스코드에도 관련 기능이 반영되었어요.

구글 드라이브와 통합
구글 드라이브와 통합

그리고 구글 드라이브와 더 긴밀하게 통합하였어요. 그동안 각 팀의 회고록이나 작업물을 파악하기 어려워 코칭 효율이 다소 떨어졌는데, 이제는 적어도 회고록만큼은 팀과 코치 모두 편하게 관리할 수 있게 되었어요.

토이4팀, 스푼랩의 발표
토이4팀, 스푼랩의 발표

발표회가 한창 진행되던 중 깜짝 손님이 방문하셨어요. 바로 “내 트리를 꾸며줘”를 만드신 Chloé님이었지요! Chloé님은 토이스토리 팀을 위해 직접 세 팀의 서비스를 이용해보고, 진심어리게 피드백하고, 각 팀과 의견을 나눠주셨어요.

이 자리를 빌어 다시 한 번 감사드립니다!

전체 회고
전체 회고

발표회 하이라이트는 전체 회고였어요. 모두가 타임라인을 그리고, 시간대 별로 있었던 일과 감정, 기억을 포스트잇 하나 하나에 담았습니다. 이런 일이?! 이런 생각이?! 싶은 포스트잇도 있었고, 많은 사람의 공감을 받은 포스트잇도 있었지요.

이제 1기 팀들은 2차 프로젝트에 돌입해 기획 기간을 포함해 9주 동안 개발해요. 매우 기대됩니다. 😄

 

토이스토리 2기 모집 일정 안내

마침내 토이스토리 2기 모집 일정을 2024년 11월 4일 월요일로 확정했습니다! 2기는 21주 동안 진행될 예정이며, 소프트웨어 개발자 뿐만 아니라 PM, UX/UI 디자인 직군도 함께 모집해요. 풀스택 팀을 빌딩하실 수 있지요. 개발자가 아닌 PM, 디자이너도 출시하여 운영해보는 토이 프로젝트를 개발하고 보유할 수 있어요!

1기와 마찬가지로 4주 동안 진행하는 1차 프로젝트, 8주 동안 진행하는 2차 프로젝트로 구성되며, 각각 2주 동안 출시하여 운영하는 기간을 갖습니다. 21주 동안 특강을 21회 진행하며, 매주 코칭과 멘토링, AI 서비스 지원, 코드 리뷰를 제공합니다.

참가비는 부가세 포함하여 330만원이지만, 2기는 정식 프로그램으로 첫 출시하는 기수여서 약 35% 기본 할인한 220만원(부가세 포함)으로 책정해 출시합니다. 이에 더해 다양한 할인 프로그램을 기획하고 있습니다. 뉴스레터를 구독한 지 7일 이상 지난 분, 푸딩까페 입장한 지 7일 이상 지난 분, 학습과 성장 컨퍼런스 참가하신 분, 팀을 만들어서 함께 참가하시는 분 등 다양한 조건으로 할인해드릴 거예요. 아참, PM, 서비스기획, UX/UI 직군에도 할인이 적용되는데, 개발 직군에 제공되는 코드 리뷰가 적용되지 않는 등 서비스 항목에 차이가 있기 때문에 그래요.


푸딩캠프 뉴스레터가 유익하셨나요? 주변에 소개해주세요. 뉴스레터 구독자 수는 더 좋은 컨텐츠를 만드는 원동력입니다.

뉴스레터 관련하여 문의나 건의는 이 이메일 주소인 newsletter@puddingcamp.com 로 답장을 보내시면 됩니다.

또한 한날과 커피챗은 언제든 열려있고 환영합니다. https://puddingcamp.com/coffeechat 에 방문하셔서 커피챗 일정을 잡아보세요!

다가올 뉴스레터가 궁금하신가요?

지금 구독해서 새로운 레터를 받아보세요

✉️

이번 뉴스레터 어떠셨나요?

푸딩캠프 님에게 ☕️ 커피와 ✉️ 쪽지를 보내보세요!

댓글

의견을 남겨주세요

확인
의견이 있으신가요? 제일 먼저 댓글을 달아보세요 !

다른 뉴스레터

© 2024 푸딩캠프

주 3회, 하드스킬, 소프트스킬, 멘토링과 코칭 사례를 다루는 콘텐츠로 여러분의 학습과 성장을 돕습니다.

뉴스레터 문의newsletter@puddingcamp.com

메일리 로고

자주 묻는 질문 서비스 소개서 오류 및 기능 관련 제보

서비스 이용 문의admin@team.maily.so

메일리 사업자 정보

메일리 (대표자: 이한결) | 사업자번호: 717-47-00705 | 서울 서초구 강남대로53길 8, 8층 11-7호

이용약관 | 개인정보처리방침 | 정기결제 이용약관 | 라이선스