동글동글 4

[파이널 프로젝트] 개발 노트

📌 개발 진행 및 완료상황페이지 만들기 전에, 컴포넌트 먼저 만들자! 1. 체크박스 컴포넌트 만들기 (view파일 만들어서 테스트 해보기,,)[참고]수업 때 배운 modu-next 폴더의 views의 signUp.view와 components의 ClientCheckBox 2. 추천 검색어를 표시하는 재사용 가능한 칩스 컴포넌트 만들기 [이슈] App.tsx 파일에서 컴포넌트를 넣어주고 localhost에서 확인해보니 {term} 이라고 그대로 노출됨.. map부분 코드를 보니까 말도 안되게 label을 문자열로 쓰고 있었다 label까지 치고 엔터쳐서 자동완성 된 것 같다 😕 암튼 빼주니까 잘 나오는 걸 확인했고스타일도 적용까지 끝 ! 3. 탑탭(TopTab) 컴포넌트 만들기 [이슈] 클릭된 탭..

동글동글 2024.11.05

[React Native] FlatList의 keyExtractor 에러

ScrollView 대신에 FlatList 사용하기!return ( {props.data.map((item, index) => ( // key는 최상단에! ))} );이 부분을 FlatList를 사용해 구현하는데 FlatList에서는 keyExtractor로 키를 지정할 수 있다.그래서 ↓ 다음과 같이 작성했는데 keyExtractor부분에 에러가 발생함.. return ( index} ItemSeparatorComponent={ItemSeparatorComponent} renderItem={renderItem} /> );이 호출과 ..

동글동글 2024.11.01

트러블

게시글 작성 폼에서 카테고리 선택하는 부분을 실제 데이터가 아닌 하드코딩으로 넣어주고 있었다.  실제 post 응답으로 받아오는 카테고리의 ID와 title (카테고리 이름)을 받아와 넣어주고 싶어서 view의 EJS 파일에서태그를 넣어주고 스크립트를 위와 같이 작성해줬다. {"message":"Internal Server Error","details":"C:\\Users\\DAYOUNG\\Desktop\\orm-camp\\node-project\\git-nanum-sup\\src\\views\\client\\posts\\postWrite.ejs:29\n 27| 카테고리 선택\r\n 28| \r\n >> 29| \">\r\n 30| \r\n 31| \r\n 32| \r\n\npost is not defi..

동글동글 2024.09.27

[project] 1차 미니프로젝트 회고

프로젝트 개요• 활동 장소 : 오름캠프 내 미니 프로젝트• 기간 : 24. 08. 20 ~ 24. 08. 27• 목표 :  1. 오픈 API를 활용해 데이터 요청 및 응답 받은 데이터로 영화, 날씨 등의 화면 구현             2. 바닐라 자바스크립트로 이벤트 처리와 DOM 조작 (feat.타입스크립트..)            • 역할 : HOME 영화 / 날씨 html & css / 영화 API & Event / Todo 반응형 / 전체 UI디자인 정리기술 스택HTML / CSSvanilla JavaScriptviteVS codeGit구현기능날씨각 지역별 현재 기온 표기현재 위치의 실시간 날씨 표기 (아이콘, 최저·최고기온 등)실시간 현재 위치 수집 할 일Todo 탭에서 생성된 현재 할일 목록..

동글동글 2024.08.31