JudithHopps JudithHopps

맥북을 새로 사고 리액트 네이티브 설치과정에서 겪은 문제점을 정리했다. https://reactnative.dev/docs/performance https://7stocks.tistory.com/173 Performance Overview · React Native A compelling reason for using React Native instead of WebView-based tools is to achieve 60 frames per second and a native look and feel to your apps. Where possible, we would like for React Native to do the right thing and help you to focus on your ..

체크 리스트의 상태 관리는 다음과 같다. App.tsx 아래의 state를 관리한다. const [selectedWeek, setSelectedWeek] = useState(15); const [addlist, setAddlist] = useState(''); const [isVisibleAddBtn, setIsVisibleAddBtn] = useState(true); const [isVisibleInput, setIsVisibleInput] = useState(false); const [isVisibleEditBtn, setIsVisibleEditBtn] = useState(false); const [isEditing, setIsEditing] = useState(false); ChecklistTitl..

체크리스트 프로젝트의 모듈화는 다음과 같다. 프로젝트를 시작하기 전 컴포넌트를 어떻게 구상할 것인지 먼저 생각하는 것이 좋다. 즉 뼈대를 잡고 프로젝트를 시작해야 한다. 허접하지만 이미지로 그리면 코드 짤 때 도움이 된다. 프로젝트 진행하면서 수정할 수도 있지만, 틀을 짜고 시작하는 것과 그냥 시작 하는 것은 큰 차이가 있다!! 이것도 회사 다니기 전엔 몰랐던 사실... 역시 주니어..

**React에 관한 질문과 답안:** 1. **React의 주요 특징은 무엇이며, 어떻게 동작하는지 설명해보세요.** - React는 사용자 인터페이스를 구축하는 라이브러리로, 가상 DOM을 사용하여 성능을 최적화합니다. React 컴포넌트는 상태(state)와 속성(props)을 통해 데이터를 관리하며, 컴포넌트 계층 구조를 구성하여 UI를 효과적으로 업데이트합니다. 2. **React Hooks은 무엇이며 어떤 상황에서 사용하나요?** - React Hooks는 함수 컴포넌트에서 상태와 생명주기 기능을 사용할 수 있게 해줍니다. 예를 들어, `useState`는 상태를 관리하고, `useEffect`는 부수 효과를 다루며, 이를 통해 클래스 컴포넌트 대신 함수 컴포넌트를 사용할 수 있습니다. 3. ..

📅 프로젝트 기간 2023.3.26 ~ 2023.8.25 🌟 결과물 2023.8.29 기준 39명의 유저 확보 및 사용자 피드백 수렴 🧑🏻‍💻 역할 - 프론트엔드 기능 개발 및 방향 설정, 프론트엔드 회의 주도, 프로젝트 기획 및 세부 기능 설정 - MVP 버전 마이페이지,프로필, 로딩 컴포넌트 UI 화면 구상 및 공통 컴포넌트 제작 - 계정 관련 정보 호출 및 계정 정보 Edit 기능 구현 1. 닉네임 및 사진 수정 - 닉네임 중복 및 사진 파일 크기 확인 - useMutation은 서버에 데이터를 수정하거나 업데이트하는 작업을 처리 2. 관심사 및 언어 선택 [언어] - 버튼 클릭시 저장된 언어 정보가 리셋 - 선순위가 선택되어야 후 순위 선택 가능 [관심사] - 중복 클릭시 선택 해제, 클릭시 선택..

코드 수정하다 발견한 새로운 에러..! 뭘 잘못 건들였을까... 에러 명: Warning: validateDOMNesting(...): cannot appear as a descendant of . 처음 보는 에러였지만, 역시나 친절한 개발자 도구! 에러 워인은 태그 안에 태크를 추가했기 때문이다. => 태그 끼리 구별하면 해결!!

2588번 문제 각 자리를 구해야 하는 문제이다. 추후에 각 자리 수를 구하는 공식을 작성해봤다. Math.floor( (number % 원하는자리수 * 10)/ 원하는 자리수) 위 공식을 이용하여 반복문 처리를 했다. const input = require('fs').readFileSync('/dev/stdin').toString().trim().split('\n').map(Number) const answer = [] for (let i = 1 ; i

10171번 문제가 고양이 그림을 출력하는 문제이며 10172번은 개 그림을 출력하는 문제다. 10171번 문제 고양이 그림을 출력하는 문제를 먼저 살펴보자. 위 그림을 출력해야하는 문제다. 처음 접근은 우선 여러 줄을 한꺼번에 출력하게 만들었다. console.log(``) 백틱을 사용하면 여러 줄을 한 번에 출력할 수 있다. 백틱을 사용하여 출력 부분만 복사를 하여 넣었는데 에러가 뜨며 원하는 결과대로 출력되지 않았다. 백 슬래시(\)를 사용할 때는 두 번 입력해줘야 제대로 출력이 된다. 이 부분을 간과하고 바로 출력하여 에러가 발생하던 것이였다. 백 슬래시를 두 번 입력하니 원하는 대로 출력이 되었다. console.log(`\\ /\\ ) ( ') ( / ) \\(__)|`) 10172번 문제 그..