somlogg 님의 블로그

수요일 - 목표📍데스크 리서치 정리📍튜터님 피드백📍사용자 설문📍심층 인터뷰 준비👀 ▶️ 데스크 리서치 정리어제 리서치한 자료를 더 정리했다. 그러던 중에 우리가 뽑아낸 자료들이 객관적이지 않은거 같아서 객관적인 수치를 뽑아낼 수 있는 방법이 궁금해졌다. 전반적인 정리도 잘 되어가고 있는지 해든 튜터님 말고 다른 튜터님들의 인사이트도 궁금해서 소윤 튜터님이랑 미순 튜터님께 찾아갔다.▶️ 튜터님 피드백튜터님들마다 바라보는 관점이 달라서 여러 인사이트를 얻을 수 있었다. 여러 튜터님들께 피드백을 받아보는게 너무 좋은 것 같다. 소윤 튜터님은 우리가 궁금햇던 부분은 다음 스텝이고 먼저 이 시장이 가능성이 있는지 확인해보는게 먼저라고 하셨다. 그리고 미순 튜터님은 우리가 좋은 방향으로 가고 있고, 시장 ..

화요일 - 목표📍핵심 기능 설정하기📍데스크 리서치📍튜터님 멘토링📍장표 구성 - 흐름 매끄럽게 하기👀 운명팀 ▶️ 핵심 기능 설정하기어제 저녁 시간엔 레시피, 앱, 이커머스 이렇게 세가지 중에 핵심 기능을 어떤 것으로 설정하면 좋을지에 대해 리서치를 나눠서 해봤다. 그리고 아침에 스크럼이 끝나자마자 바로 이 리서치 결과를 토대로 회의를 진행. 나는 레시피에 대해서 찾아보았는데, 찾으면서도 당뇨 환자들이나 건강식을 지향하는 사용자들이 직접 요리를 하거나 도시락을 가지고 다니는 것에 대한 어려움을 호소하는 글을 봤었기 때문에 레시피는 빠르게 제외될 것을 예상하고 있었다.저당 식품과 맵을 두고 고민하다가 붕세권, 비건로드같은 특정 카테고리를 보여주는 맵 서비스가 수요가 있는 상황인데, 저당/저탄수 식당..

월요일 - 목표📍MVP 최종 프로젝트 발제📍전체적인 프로젝트 타임라인 계획📍주제 선정을 위한 리서치👀 드디어 MVP!!드디어 최종 프로젝트가 시작됐다!! 어느새.. 시간이 ▶️ 전체적인 프로젝트 타임라인 계획우리팀은 리액트를 구현해야하기 때문에 다른 스텝의 시간을 줄여서 리액트 시간을 확보했다. 리서치와 기획 기간에 피그마 감을 잃지 않기 위해 주말에 각자 스터디를 하고 월요일에 확인하기로 했다! 디자인 기간에는 리액트 스터디. 열쩡팀🔥🔥🔥🔥 ▶️ 주제 선정을 위한 리서치최종적으로 기사분담이랑 저당 식품 관련으로 좁혀졌다. 리더 부리더가 세션을 진행하는 동안 남은 둘이서 가벼운 배경 리서치를 해봤다. 그 결과 더 사회적으로 핫한 저당 식품 앱으로 선정 되었다!저당 관련 앱 중에서 주요 기능..

목요일 - 목표📍미니 과제 제출하기📍useRef📍useContext📍memoization👀 과제 제출 완어제는 오늘 댓글이라던가 포트폴리오 페이지 스타일링 등 더 다양하게 디자인 하려고 마음 먹었었는데, 오늘 오전이 되니까 내일만 리액트를 공부할 수 있는 시간이 주어진단걸 깨닫고 일단 마무리해서 제출했다. 건너뛴 다른 강의를 들으면서 적용해서 디벨롭 시켜봐야지▶️ useRefuseRef란 레퍼런스에서 따온 말로 렌더링과 상관없이 특정값을 저장하는 훅이다.useState와 차이점을 알아보기 위해 똑같이 누르면 +1이 되는 버튼을 만들고 차이점을 확인해보았다.state 버튼은 누를때마다 1씩 바로 증가 되는데 보인다. 누를때마다 렌더링이 된다는 뜻인데 ref버튼은 아무리 눌러도 변화가 없다. 그치만..

수요일 - 목표📍미니 과제 디자인 추가하기👀 허리야..허리가 아푸다▶️ 스타일링 어제 한거에 스타일을 조금씩 변형하고 포트폴리오 컨텐츠 부분을 추가했다. 샘플코드에 반응형으로 되어있길래 그거에 맞춰서 6개로 만들어서 반응형에 따라 배열 갯수가 다르게 나타나게 만들었다.포트폴리오 리스트도 스킬 리스트처럼 map 메서드로 만들었다!컨텐츠에 맞춘 길이로만 잘려서 나와가지고.. 지피티한테 엄청 물어봐서 방법을 찾아냈다. alignItems를 stretch로 만들면 되는거였다. 저 각각 요소에 들어가는 단어에 어떤게 들어가는지 쫙 보이면 설정하기 더 쉬울 것 같단 생각을 했다. 이것도 한 번 정리해봐야겠다.💭 크게 한 게 없는데 시간은 후루룩.. 내일은 리액트 전반적으로 복습하고 못 들었던 강의 들어야지!!

화요일 - 목표📍미니 과제 📍강의 체크리스트 확인📍헷갈리는 부분 복습👀 React 미니 과제 - 자기소개 페이지오전에 미니 과제가 발제되었다. 웹퍼블링 수업때 했던 자기소개 페이지를 그대로 리액트로 구현해보는 것이다. 발제가 끝나고 나서는 튜터님께서 수강생들이 가장 많이 어려워하는 부분인 state/props/map메소드 등에 대해 자세히 recap 해주셨다. 기존 강의는 템포가 빠른 느낌이 있어서 완전히 이해하기 위해선 많은 시간이 걸렸었는데, 확실히 튜터님이 하나하나 천천히 질문도 받아가시면서 알려주시니까 너무 좋았다!▶️ STEP 1 프로젝트 세팅터미널에 명령어를 넣어서 파일을 생성한다.파일 생성 yarn create vite [파일 이름] --template react실행cd [파일 이름]..

월요일 - 목표📍ReactJS 숙련주차 수강📍props, state 개념 정리📍복습!👀 알듯 말듯강의를 들을땐 알듯말듯.. 실습하면 바보가 되는 나 ▶️ css in js - styled componentsCSS-in-JS방식이란, 단어 그대로 자바스크립트 코드로 CSS 코드를 작성하여 컴포넌트를 꾸미는 방식패키지란, React에는 없는 기능이지만 우리가 추가로 가져와서 사용할 수 있는 써드파티 프로그램yarn add styled-components - vscode 터미널에서 명령을 입력해서 패키지를 설치``백틱을 이용해서 스타일링된 컴포넌트를 만들 수 있다.조건부 스타일링 - classname을 사용해서 구현하기는 조금 까다로운 조건부 스타일링을 styled-components를 이용하면 간편하..

캠프 11주차 - 목표📍자바 스크립트 개인과제 제출📍자바 스크립트 예제 학습📍리액트 입문 강의 완강👀 Happy New Year2024년의 마지막과 2025년의 시작을 모두 캠프에서 보냈다.▶️FACTS 이번 일주일 동안 있었던 일, 내가 한 일자바 스크립트 과제 제출자바 스크립트 예제 학습리액트 입문 강의 완강  ▶️FEELINGS 나의 감정적인 반응, 느낌 강의가 너무 빠른 템포로 진행되고 많은 양을 배우다 보니까 훅훅 지나가는 느낌이었다. 그래서 완벽하게 숙지를 하고 넘어가는 느낌이 아니라 강의 내용을 따라하기 바빴던거 같다. 특히 state 부분이 너무 어려웠다. 따로 복습이 정말 필요한듯 ▶️FINDINGS 그 상황으로부터 내가 배운 것, 얻은 것강의를 듣기 전에 노션에 있는 내용을 먼저..

목요일 - 목표📍React 기초 완강📍React 환경 세팅하기📍컴포넌트, JSX, Props👀 새해!어느덧 2025년 아자자 ▶️ React 기초 완강자바 문법 복습 ▶️ React 환경 세팅터미널에서 yarn 설치 후 CRA(Create React App)를 활용하여 리액트 웹 생성Vite 비트로 리액트 웹 생성 -> CRA 보다 훨씬 시간이 적게 들고 효율적이다.VScode로 코드 살펴보고  vite -> 비트 변경이름 생성의 차이 : 카멜케이스 vs 파스칼케이스 ▶️ 컴포넌트, JSX, Props컴포넌트 만들기 실습언제 p를 쓰고, 언제 span을 써야 하나?p 사용: 문단 단위의 텍스트를 구성할 때.span 사용: 문단 내 텍스트의 일부분에 스타일을 적용하거나 동적으로 조작할 때.즉, s..

월요일 - 목표📍React 입문 1주차 강의 듣기📍자바 스크립트 문법 과제 제출📍예제 풀어보기👀 React.. 나에게 응용력을 주세요 ▶️ 예제 풀어보기저번주에 자바 스크립트 문법을 들으면서 예제가 더 다양했으면 좋겠다고 생각하고 있었는데 금요일날 튜터님께서 딱 저렇게 예제를 올려주셨다. 그래서 과제를 제출하기 전에 예제부터 풀어보고 들어가면 좋을 것 같단 생각이 들어서 먼저 예제를 풀어보았다.주말에 쉬었다고 처음부터 막혔다. 막상 보면 어려운 수식이 아닌데 문제만 보면 어떻게 풀어야할지 막막한 바버가 되고 만다..⭐️ 청년 치매가 따로없다. 답지를 보거나 교얀을 찾아보는 것보다는 최대한 기억에 의존해서 하고 싶었는데 실패! 대신 눈으로 한 번 슥 훑고 하나하나 써 보는 식으로 했다. 처음 문자열..