kasumil의 코딩 공작소

- 오늘 학습한 내용. 타입스크립트를 적용하여 리액트 네이티브를 통해서 만들어보았다. 코드의 내용은 간단하다. 그러나, 타입스크립트를 적용하는 것도 해봤지만 내가 직접 짤 수 있는 능력은 늘어나고 있는 것인가? 그리고 작동에러가 너무 많다. 상대경로에서는 작동이 잘되는데, 절대경로에서 왜인지 에러가 너무 잦다. 못 찾아서 일일히 상대로 잡아서 바꾸어주었다. youtu.be/wQ0L7w54RTY - 소감 이건 완전 버그와의 싸움이다. 절대 경로했다고 에러가 뜨는데 node창을 보면서 원인 파악을 해야한다. 그래도 expo보단 편해서 좀 낫다고 생각한다. ++ RN의 절대경로 문제는 5장에서 해결했다.

- 오늘 해야할 일 리덕스 학습. - 평가 및 후기 예전 위코드 다닐때 학습을 하긴했는데, 솔직히 잘 적용한다고 할 수 없어서 이제 다시 복습하고 있다. 역시 복습하기 시작하니까 이해하는 건 뭐지 싶기도하고, 다시 보니 기존에 이해할 수 없는 것들을 제대로 이해하기 시작하였다는 것. 솔직히 이것만 보면 된다. 기존에 리액트 리덕스는 해당 내용이 바뀌면 render함수가 다시 render를 작동하게 할 수 있었다. 그런데, 리액트는 해당 한페이지에서 작동되는 것이 아니라 여러모로 찢어놓게 작동한다. 해당 컴포넌트에서 생기는 값들을 통제하는데 있어서, 해당 컴포넌트에서 동작은 자유롭다. 하지만, 다른 곳에서 해당 값을 보내기는 어렵다. 해당 컴포넌트에서 생기는 값을 반대편으로 보내기 위해서 엄청나게 고생을 ..

- 오늘 학습한 내용. navigation, push 의 차이점. navigation은 특정 페이지로만 이동하고, 뒤로가기(스택)이 쌓이지 않는다. push는 특정페이지로 이동하는 것은 동일하나, 뒤로가기로 페이지가 쌓인다. - 오늘의 코드 내용. navigation.push('Home')} /> navigation.navigate('Main')} /> - 소감 사용하는 방식이 요구될때마다 해당 기능에 맞춰서 사용되어야한다. 하지만, 보통은 뒤로가기를 쓰기위해서 push만 주로 사용될 것 같은데, navigation은 언제 사용되는 것일까? * 답변 * push는 스택을 쌓으므로 뒤로가기를 하면 되지만, navigation은 이미 해당 컴포넌트가 있으면 바로 그 자리로 돌아간다.(즉, 홈버튼 같이 누르면..

- 오늘 학습한 내용. 리액트 네이티브에 입문함. 초기 세팅 작동 원리 탐구. - 오늘의 코드 내용. import React from 'react'; import { StyleSheet, Text, View, SafeAreaView, TouchableOpacity } from 'react-native'; import { NavigationContainer } from '@react-navigation/native'; import { createStackNavigator } from '@react-navigation/stack'; import styled from "styled-components/native"; import 'react-native-gesture-handler'; function Home..

* 아직 리덕스는 학습을 시작한 상태라 적용하지 않았음. - 오늘의 할일. 1. 어제 구현하지 못한 input check 박스 선택에 따라서 필요한 컴포넌트 호출하는 기능 구현. 2. email 주소와 쿼리네임을 선정하여 해당 input 창에 기입하면 해당 값을 입력시키기. 3. 제출하기 버튼클릭시 해당 이메일과 다운로드 기능 구현 - 진행 완료사항. 1. input true : faslse값에 따라 해당 컴포넌트 호출하는 기능으로 구현. 2. email, input 창 기입에 따른 해당값 state값으로 저장구현. - 진행중 사항 - 1. submint 버튼 클릭시 이메일로 발송과 해당 파일을 다운로드 요청하는 기능 구현 중 2. 각자의 컴포넌트마다 해당 state 값이 저장되므로 Redux를 공부하여..

- 오늘의 할일. 코드 리팩토링. 기능 구현 상담 후 수정할 것 있는지 확인 후 merge할 것. -코드 리뷰 3일간 날 괴롭히던 datepicker의 기능을 대부분 구현했다. 기존에 하드 코딩으로 2019를 표시했던 것을 이제 자동으로 시간이 지나도 알아서 작동되게 구현하였고, WRDS처럼 2007년 페이지를 기준으로 했던 것처럼, 내가 만든 부분도 13년으로 설정해서 현재는 2007년 내년에는 2008년 내후년은 2009년으로 자동으로 바뀌게 만들었다. 원래 J쿼리로 만들어진 것이라 구현이 매우 빡셌다. 자료도 대부분 J쿼리 전용이라... 이에 참고한 자료가 HackerOne에서 만든 React-datepicker 자료 https://reactdatepicker.com/ React Datepicker..

- 오늘의 할일. React Datepicker 커스텀하기. 남은 포인트 설정하기. DatePicker를 커스텀하는 중. 특정일자로 datepicker를 설정하려고 하는데, jQUERY와 다르게 react라서 헤맸다. 원래는 jQUERY에선 그냥 "2019-12-31"만 적으면 되는데 DATEPICKER는 날짜만 기입되면 안되고, 해당 날짜 앞에 new Date("날짜") 쳐야 작동하는 것.... setStartDate(date)} selectsStart startDate={startDate} endDate={endDate} minDate={new Date("1925-12-31")} maxDate={new Date("2019-12-31")} dateFormat="yyyy-MM-dd" onKeyDown={..