동글동글 5

[파이널 프로젝트] 개발 일지-1

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

동글동글 2024.11.05

안드로이드 에뮬레이터 expo 연결

까먹을까봐 써두기 📝📝 맥북이나 아이맥 쓰면 안드로이드 버전으로도, ios 버전으로도 pc에서 시뮬레이터 확인이 가능하지만나는 노트북은 삼성, 폰은 아이폰 쓰고 있어서.....ㅎ 개발환경을 아이폰에서 expo 앱으로 볼 수 있는데 오히려 안드로이드화면을 확인 할 수 없었다. 안드로이드 스튜디오의 에뮬레이터 다운받고, 시스템 환경 변수 설정해주고 이런 것들은 다 블로그에 잘 정리되어 있다근데 난 이 모든걸 다 해줘도 안드로이드 에뮬레이터랑 expo 연결이 안됐었는데,, 방금 해결했다! npx create-expo-app 프로젝트명프로젝트 폴더 생성한 다음에cd 프로젝트명해당 프로젝트 폴더로 이동한 다음 npm run android해줬더니 너 지금 2.31.1 쓰고 있는데 51.0.0 다운 받는거 추천함..

동글동글 2024.11.01

[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