본문 바로가기

분류 전체보기

 (86)
230102 TIL export만 하고 import 할 때 중괄호로 감싸서 import 해야함. React Native expo 프로젝트 만드는 명령어 1. npx create-expo-app 프로젝트명 2. eas update:configure -> 로그인 안되어있으면 이메일 적고, 되어있으면 y 누르기 3. 완료 후 eas update로 배포 4. 링크 뜨면 링크 열어서 QR코드 확인
230101 9주 차 - WIL 2023년이다!! 9주 차를 마무리하면서 새해를 맞이했다. 9주 동안 정말 많은 걸 배웠고 많은 걸 경험했다. 아직도 너무너무 어렵지만 잃어가던 흥미가 다시 되살아난 거부터 너무 좋고 앞으로 남아 있을 프로젝트들이 무척이나 걱정이 되지만 지금 이 페이스대로 잘 간다면 수료까지 잘 마칠 수 있을 거 같다.
221230 TIL 리액트 네이티브를 시작했는데 폰 화면에 바로 나타나는 게 너무 신기했다. 근데 css 하는 거 금방 할 줄 알았는데 뭔가 다른 느낌...안돼... 오늘은 개인사정으로 공부를 거의 못했다. 마음이 많이 불안정한 상태라 이번주는 좀 쉬고 새해부터 진짜 진짜 열심히 해야지
221229 TIL React.js + React-dom => Web App React.js + React Native(Bridge/JSI, etc) => Native Mobile Apps (iOS / Android) React Native 우리가 쓰던 div 태그가 native에선 View 컴포넌트로 쓰고 native에서 쓰는 UI 컴포넌트는 import를 해와야한다. View는기본적으로 display = flex 속성을 가진다. 그리고 기본 방향이 세로방향(위->아래)이다. 문자열을 쓸 때는 Text 컴포넌트로 감싸주어야 한다. (=p 태그) 로컬에 있는 이미지를 불러올 때 Image 컴포넌트를 쓰고 src 대신 require라는 함수를 써야 이미지를 불러올 수 있다. 웹 이미지를 불러올 때는 source={{uri: ..
221228 TIL 프로젝트가 끝났다! 팀원 4명에서 하려다 보니 추가 기능도 안 넣고 필수 기능으로 css도 단순하게 잡고 시작했는데 결국에는 기능을 다 완성하지 못했다.. 욕심 부리지 않고 필수만 하기로 해서 처음에는 진짜 다 할 수 있을 줄 알았는데 하다 보니 진짜 이게 맞나 싶었다.. 리덕스로 실컷 코드 짜고 있다가 json-server를 이용해야해서 급하게 axios 공부하면서 코드를 바꿔갔다. 처음부터 길을 정했어야 했는데 ㅜㅜ 이번에도 모달을 맡아서 했는데 리액트로 모달을 하려다보니 조금 어려웠지만 구글신을 이용해 모달은 잘 만들었다 . 그런데.. 우리가 수정과 삭제 아이콘을 누르면 비밀번호가 뜨는 모달이 뜨고 비밀번호가 작성했을 때의 비밀번호와 일치해야지만 수정, 삭제가 이루어지는 로직을 짜야됐었는데 댓글 리..
221227 TIL 팀원분이 filter 함수를 쓰려고 했는데 적용이 되지 않아서 찾아보시고 옵셔널 체이닝을 쓰니 적용이 됐다고 했다. 저 물음표가 뭐길래 되는건지 궁금해서 찾아보았다. ?. 은 ?. '앞'의 평가 대상이 undefined나 null이면 평가를 멈추고 undefined를 반환한다. 연산자는 아니고 함수나 대괄호와 함께 동작하는 특별한 문법 구조체라고 한다. ?. 를 계속 연결해서 체인을 만들면 중첩 프로퍼티들에게 안전하게 접근할 수 있다. 그러나 남용은 금물! 왼쪽 평가대상이 없어도 괜찮은 경우에만 선택적으로 사용해야 함!! 옵셔널 체이닝 문법 ?. 세 가지 형태 1. obj?.pro : obj가 존재하면 obj.prop을 반환하고, 그렇지 않으면 undefined를 반환함 2. obj?.[prop] : o..
221226 TIL 댓글 조회 axios get으로 json-server에 있는 데이터를 불러온다. const [commentList, setCommentList] = useState(null); const fetchList = async () => { const { data } = await axios.get("http://localhost:3001/comments"); setCommentList(data); }; 댓글 추가하고 새로고침 해야 렌더링이 됐었는데 get이랑 post가 적힌 컴포넌트가 다른데다가 post 적힌 컴포넌트에서 get 적힌 컴포넌트에 있는 setCommentList를 가지고 와서 추가해줘야하는데 자식에서 부모로 props를 줄 수 없어서 어떻게 해야하지 헤매다가 post 적힌 컴포넌트에 get도 다..
221225 8주 차 - WIL 또 프로젝트가 시작됐다 아직 리덕스도 제대로 이해 못했는데 큰일이다 프로젝트 ptsd.... 이번에도 모달을 맡았다 저번이랑 다른점은 리액트를 이용해서 모달을 띄우는거라서 구글링을 열심히 해서 성공시켰다! const [modalOpen, setModalOpen] = useState(false); state 초기값에 boolean값을 주면 된다. 그리고 모달을 불러오는 컴포넌트에 이 코드를 넣어주면 된다. 여기서 ModalBox2는 모달 컴포넌트고 props로 comment와 setModalOpen을 내려주고 있다 {modalOpen && ( )}

티스토리툴바