profile
프론트엔드 개발자
post-thumbnail

리액트 iframe 뒤로가기 버그

메인페이지에 있는 영상리스트 중 하나를 클릭하면 해당 페이지로이동하게끔 구현했다. 해당 영상페이지에는 관련영상 리스트를 가지고 있어서 클릭시 해당 파람스를 가지고 해당 페이지로 이동을 하게 된다. 메인에서 영상 하나를 클릭했을때, 뒤로가기를 누르면 메인페이지로 이동을

2022년 4월 27일
·
0개의 댓글

관련 레퍼런스 링크

드롭다운 바깥 클릭시 닫기 https://thinkforthink.tistory.com/286깊은복사 얕은 복사 https://helloinyong.tistory.com/267 https://velog.io/@th0566/Javascript-

2022년 4월 25일
·
0개의 댓글
post-thumbnail

TIL 220315 리액트 emailjs 사용하기

https://www.emailjs.com/docs/sdk/installation/서브프로젝트 메인페이지에 contact를 적용했다. 백엔드 건들지 않고 프론트딴에서만 적용할 수 있는 emailjs 라이브러리를 이용.프론트에서만 메일보내기 해결가능자동응답 메일

2022년 3월 15일
·
0개의 댓글
post-thumbnail

RN에서 icon 사용하기

icon 설치https://www.npmjs.com/package/@expo/vector-icons아이콘 종류https://icons.expo.fyi/Usage

2022년 1월 4일
·
0개의 댓글
post-thumbnail

QR code 스캐너

react-native-qrcode-scanner 라이브러리가 있다. \*참고사이트)https://www.youtube.com/watch?v=e7qf9UJvoC0https://jw910911.tistory.com/71?category=792901

2022년 1월 4일
·
0개의 댓글
post-thumbnail

React-native 저장소 AsyncStorage

브라우저에서 로그인 유지 등 상태저장 장소로 사용한 Local 데이터 장소가 RN에는 없다. 이를 대체할 수 있는 2가지 방법이 존재 1\. Sqlite https://github.com/andpor/react-native-sqlite-storage npm

2022년 1월 4일
·
0개의 댓글

ㄹㅇㅎ

ㅇㅀ

2021년 12월 1일
·
0개의 댓글
post-thumbnail

Virtual DOM이란

dom에 변화가 생기면, 렌더트리를 재생성(모든 요소들의 스타일이 다시 계산됨) 하게 됩니다. 복잡한SPA에서는 dom조작이 많이 발생하게 되는데, 결국 전체적인 프로세스를 비효율적으로 만들게 됩니다. 이때 virtual dom을 사용하면 실제 DOM 에 적용되기전에

2021년 11월 22일
·
0개의 댓글
post-thumbnail

브라우저 렌더링 과정

로딩 불러온 html, css 파일을 파싱하여 Rendering트리를 구성한다. (document object model: HTML태그를 JS에서 이용할수 있는 객체로 만든다)레이아웃잡기 : 렌더링 트리가 구축되면 (렌더링에 필요한 노드들만 가지고 있는 트리), 순차적

2021년 11월 21일
·
0개의 댓글
post-thumbnail

실행 컨텍스트 (Execution context)

코드를 실행하는데 필요한 환경을 제공하는 객체. 즉, 작성한 코드가 실행되는 환경을 말한다. 처음 코드를 실행하면 자바스크립트의 엔진은 콜스택에 전역실행컨텍스트를 담는다. (모든 것을 관리하는 환경이며, 페이지가 종료될 시 함께 사라진다)함수를 호출할 때마다 콜스택에

2021년 11월 21일
·
0개의 댓글

react-router-dom 에러

최근 버전 6이 나왔다. 한달 전쯤에도 사용하던 라우팅이 적용이 안되어서 원인을 찾아보니, react-router-dom v.6이상에서는 기존에 사용하던 용어 몇가지가 바뀌었다. Switch → RoutesRedirect 사라짐component → elementexac

2021년 11월 19일
·
0개의 댓글
post-thumbnail

4주 프로젝트 회고(온라인갤러리)

아트그라운드 구경하러 가기 >> https://art-ground.io아트그라운드 깃헙 구경하러 가기 >> https://github.com/codestates/art-ground코시국에 발맞추어 '누구나 아티스트가 될 수 있고 누구나 어디에서든

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

Context API

상태관리해주는 리액트 내장 기능.컴포넌트 설계가 깊지 않은경우 복잡한 리덕스를 사용하지 않고도 간단하게 상태관리가 가능함. context를 사용하면 컴포넌트 재사용이 어렵다. Provider의 부모가 렌더링 될 때마다 불필요하게 하위 컴포넌트가 다시 렌더링 되는 문제가

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

SECTION3 회고

스터디원들과 가장 자주 했던 말은왜 벌써 금요일이죠? ,오늘 무슨요일이에요?.정신없이 주어진 일정을 소화하다보니 눈 감았다 뜨면 일주일씩 훅훅 지나있는 느낌이었다.섹션2를 두번 보내본 사람으로써 " 일정에 성실히참여 + 복습 " 이렇게만 잘 해내도 ha를 통과하는데는

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

OAuth 간단 overview

oauth과정 간단 오버뷰

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

TIL : 210812_목_(서버 배포)

AWS에서 제공하는 클라우드 컴퓨터 서비스=> 원격제어가 가능한 가상의 컴퓨터 한대를 빌리는 것 (1대 = 1인스턴스)연결을 마치면 위 사진과 같이 로컬이 아닌 aws에서 제공하는 서버에서 제어가 가능해진다.AMI (amazon machine image) like t

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

SESSION vs. TOKEN

사용자가 서비스를 이용하고자 할때, 로그인이 잘 이루어진 사용자라는 것을 체킹해서 허가해주는 것. (= 체킹해서 데이터를 넘겨주는 것 )===================================================================세션방식의 인

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

배포 - github

공식문서 Url 참고하기AWSGithubHerokuNetlifyNow step1. github 사이트 설정 github 에서 새로운 레포지토리를 만든다 이미 있는 레포지토리(방금 만든)에 추가해주는 것이므로 깃헙에 있는 원격의 주소 ---- 나의 로컬에 있는 깃파일 연

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

TIL : 210804_수_복습

auth 스프린트 구현 쿠키정리 세션정리서버구현1. 로그인페이지 포인트db에서 어떤 정보를 찾아올때 req.body에 보통 저장된다. 1.express-session을 사용하면 request.session 이라는 객체가 생성된다.2.해당하는 객체에 property를 할

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

COOKIE

http는 stateless 웹사이트는 유저와 항상 연결되어 있지 않다. 보통 유저가 웹사이트에 방문하여 서버로 요청을 보내면 잠시 웹사이트와 유저가 연결된다. 이때 서버는 요청받은 것을 응답으로 전해주고 연결이 종료된다. 하지만, 유저의 정보가 저장되어야 하는 경우가

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