profile
왜?를 생각하며 개발하기, 다양한 프로젝트를 경험하는 것 또한 중요하지만 내가 사용하는 기술이 어떤 배경과 이유에서 만들어진 건지, 코드를 작성할 때에도 이게 최선의 방법인지를 끊임없이 질문하고 고민하자. 이 과정은 앞으로 개발자로 커리어를 쌓아 나갈 때 중요한 발판이 될 것이다.

localStorage와 sessionStorage

쿠키는 브라우저에 저장되는 작은 크기의 문자열로, RFC 6265 명세에서 정의한 HTTP 프로토콜의 일부Reference: 모던자바스크립트 쿠키와 document.cookie쿠키는 주로 웹 서버에 의해 만들어 진다.서버가 HTTP 응답 헤더(header)의 Set-

2021년 9월 6일
·
0개의 댓글
post-thumbnail

서버 인증 방식(세션/쿠키, 토큰)

쿠키는 일종의 서버와 클라이언트가 대화하기 위한 수단.브라우저가 서버와 연결이 되었을 때 브라우저에서 자동적으로 쿠키를 생성하고, response 할 때 쿠키를 담아서 보낸다.특정 호스트에서 생성된 쿠키는 이후 모든 요청마다 서버로 전송됨요청 해더의 set-cookie

2021년 9월 6일
·
0개의 댓글
post-thumbnail

[react-native-svg] Android onPress Bug (feat. svg-path-properties)

react-native-svg로 작업을 하는데 `태그에 onPress`를 사용하고 싶었다. 아래의 그림의 동그란 부분을 버튼화 시키고 싶었던 것이다. 이렇게 svg를 다루는 일이 많을 줄 몰랐는데 아이들을 대상으로 하는 앱을 만들고 있어서 하루종일 SVG와 사투를 벌

2021년 8월 23일
·
0개의 댓글

[react-native] Animated bug

처음 화면은 파란색 View만 보이는 상황이다. 어떠한 동작이 완료 되어 completed 라는 state가 true가 되면 파란색 View는 fadeOut을 적용해서 사라지게 할것이고, 빨간색 View는 fadeIn을 적용해서 보이게 하려는 시나리오다. ios에

2021년 8월 18일
·
0개의 댓글

[react-native] Carousel 만들기

이번에 맡은 일 중에 아래와 같은 carousel을 만들어야 했다.사실 캐러셀은 처음 react를 접했을때나 지금이나 수 많은 라이브러리들이 존재하는데,요즘 따라 react-native를 하면서 라이브러리들을 찾아보면 단지 RN 기본 API에 스타일 조금 입히고함수 몇

2021년 8월 5일
·
0개의 댓글

eslintrc rules

2021년 8월 5일
·
0개의 댓글
post-thumbnail

생년월일 validation

react-native 로 개발중에 생년월일을 년도, 월, 일 각각 Picker를 이용해야 하는 경우에 없는 날짜(ex: 2021-02-31)에 대해서 유효성 검사를 해야하는데 어떻게 해야 할까 생각해봤다. 여러 Date-Picker 같은 경우에 애초에 있는 날짜만 가

2021년 8월 3일
·
0개의 댓글

[react-native] TextInput 커스텀폰트(bug)

react native로 커스텀폰트 적용중에안드로이드 TextInput 에서 글자 입력 시 폰트가 적용되지 않는 버그가 발견되었다.해당 버그는 react-native GitHub에서 동일한 오류를 발견해서 해결을 했다.

2021년 8월 2일
·
0개의 댓글

react native flip animation

https://codedaily.io/tutorials/Create-a-Flip-Card-Animation-with-React-Native

2021년 5월 31일
·
0개의 댓글

무료 카드 덱 이미지

무료 카드 덱 이미지

2021년 5월 27일
·
0개의 댓글
post-thumbnail

[React] React.memo

아래는 React.memo(https://ko.reactjs.org/docs/react-api.htmlReact.memo는 고차 컴포넌트(Higher Order Component)입니다.당신의 컴포넌트가 동일한 props로 동일한 결과를 렌더링해낸다면, Rea

2021년 5월 10일
·
0개의 댓글
post-thumbnail

[Next.js] getStaticProps vs getServerSideProps (영상 확인)

우선은 두 함수 모두 pre-render가 필요한 경우(SEO,Adsense 등)에만 사용하도록 권장한다."빌드 시에 딱 한번만" 호출되고, 바로 static file로 빌드 된다. 빌드시 고정되는 값으로, 빌드이후에는 변경이 불가합니다.앱 빌드 후에 바뀌지 않는 내용

2021년 4월 20일
·
0개의 댓글
post-thumbnail

Next.js 초기 세팅 패키지

Next초기세팅 소스코드Next.js 초기세팅을 진행하다 보니, redux적용하는 법도 좀 어렵고, reactstrap, i18next 등등 라이브러리들을 적용하는데 제대로 되는게 하나 없었다.typescript도 공부 한지 얼마 안되었고 redux-saga도 처음이고

2021년 4월 20일
·
0개의 댓글
post-thumbnail

[Typescript] Next.js + redux-saga 적용 시 store.sagaTask 타입 오류 해결방법

해당 에러를 해결하기 위해서 커스텀 타입을 정의 해주면 된다.

2021년 4월 19일
·
1개의 댓글

[next.js] reactstrap 적용

next.js 세팅을 완료하고 보니 reactstrap이 안먹힌다.아래의 코드를 pages/\_app.tsx에 추가 해준다.head 태그에 cdn을 추가해주면 되는거였다. 이 글을 보시는 분들은 이렇게 간단한 작업 때문에 나처럼 몇시간을 허비하지 않기를 바라며....

2021년 4월 14일
·
0개의 댓글

[React-Native] svg를 이용한 애니메이션 효과 구현

구현할 애니메이션 예제 코드CSS에서는 위의 svg 파일을 이용해 애니메이션을 적용하면 간단하게 걸어가는 강아지 애니메이션과 움직이는 배경을 쉽게 구현 할 수 있었다.나에게 주어진 과제는 react-native-game-engine 라이브러리를 이용해서 해당 기능을 똑

2021년 4월 8일
·
0개의 댓글

[Typescript] 핸드북 공부중..

typescript핸드북을 보던 중 이해가 잘 안되었던 부분Call Signatures함수 타입의 표현식은 속성 선언을 허용하지 않는다고 한다.속성을 사용하여 호출 하려면 객체 유형에 Call Signatures를 작성하라고 하는데...실제 사용법은 아래와 같다.foo

2021년 3월 30일
·
0개의 댓글

reactNative 터치 좌표 찾기

2021년 3월 25일
·
0개의 댓글

무심코 지나칠수있는 성능을 저해하는 사소한 실수

오늘 내가 무심코 지나쳐버린 성능을 저해하는 실수...ㅠㅠupdateHandler() 함수는 16ms 마다 실행이 된다.그런데 setState 마저 여러번 발생한다.성능적으로 최악이다...이런 부분은 잊지 말자.

2021년 3월 23일
·
0개의 댓글