- 전체보기(23)
- CodeCamp(15)
- 코린이(9)
- React(7)
- apollo(4)
- JavaScript(4)
- router(4)
- next(3)
- mutation(2)
- gql(2)
- State(2)
- 깊은복사(1)
- npm(1)
- 라이브러리(1)
- 옵셔널 체이닝(1)
- 객체(1)
- appolo(1)
- useEffect(1)
- Presenter(1)
- ESLint(1)
- Prettier(1)
- optional chaining(1)
- material ui(1)
- refresh_token(1)
- query(1)
- 얕은복사(1)
- filter(1)
- Husky(1)
- context(1)
- useRef(1)
- react navigation(1)
- 인턴(1)
- 구조분해할당(1)
- accesstoken(1)
- react native(1)
- object.keys(1)
- Map(1)
- Props(1)
- object.values(1)
- modal(1)
- 비구조화할당(1)
- container(1)
- typescript(1)
- usequery(1)
- object(1)
- React-player(1)
인턴/ 폴더 구조, react navigation
인턴 둘째 주 주말이다. 하루하루가 정신 없어 어떻게 지나갔는지 모르겠다.낯설었던 react native, 폴더구조와 새로 적용해 본 기능들을 정리해보자. 이곳에서 사용했던 폴더 구조=> Module / Navigator => Screen => index => View
210705
210705 react.native css 주의 이미지 받을 시 안쪽 이미지로 받기. 이미지 이름 신경쓸 것 1px 오차도 가급적 없도록 버튼은 40*40 하나의 div가 여러번 반복할 시 위 아래 중 한쪽에만 간격을 주지 말고 위 아래로 / position rel
[18일차] 로그인 / 1. AccessToken
로그인 과정을 정리하려면 토큰의 개념을 먼저 파악해야한다.wiki 설명JSON 웹 토큰(JSON Web Token, JWT, "jot”\[1])은 선택적 서명 및 선택적 암호화를 사용하여 데이터는 만들기 위한 인터넷 표준으로, 페이로드는 몇몇 클레임(claim) 표명(
[17일차] useEffect/ useRef (*미완성/수정예정)
새 창이 열렸을 때, 빈 텍스트에 마우스로 클릭하지 않더라도 이미 선택되있는 경우가 있다. 이 날은 그 기능을 useEffect와 useRef를 통해 적용시키는 방법에 대한 수업이었다. 둘 다 React의 기능이다. docs 내용을 확인했으나 안 와닿는다. 뭔 소
[16일차] UI프레임워크/ 모달창 구현
모달창 만들기. Material-ui 사이트에서 컴포넌트-> 피트백-> dialog 에 들어가면 요런게 있다. 게시물 작성 버튼을 클릭하면 이런게 나오도록 만들거임. 첫 화면에서 우측 하단 아이콘 클릭하면 요런게 뜬다. 
[15일차] 외부 라이브러리/ 동영상 플레이어 적용하기
라이브러리는 누가 만들어놓은 소스 코드를 뜻한다. 이미 잘 만들어놓은 소스를 수 많은 사람들이 참여하여 수정과 수정이 거듭된 것.사용하는 입장에서는 좋은 라이브러리를 잘 선별하는 능력이 중요하다. 다운로드 수를 참고하여 골라보도록 하자.npm사이트에 접속하여 영상 플레
[14일차] 주말/ 게시물 작성, 조회 복습
이 날은 새로운 기능 공부보다는 기존에 배웠던 내용을 바탕으로 게시판 다시 만들기에 집중했었다. 혼자서 백지부터 작성해봐야 완벽한 이해가 가능해서인데, 중간에 터무니없는 실수 때문에 시간을 많이 잡아먹었던 기억이 있다. 바보같이 router.push(board/) 이런
[12일차] TypeScript/ 점차 추가 예정.
사실 요 며칠 동안 수업 커리큘럼과 과제에 쫓겨 블로그를 당일 바로 작성이 어려웠다. 12~14일차에는 그동안 배운 것을 정리하고 복습하는 시간이었어서 미처 기록하지 못한 부분들, 이해가 어려웠던 부분들을 정리해보자. TypeScript 타입스크립트란? JavaSc
[11일차] 객체의 키와 값 뽑아내기/ Object.keys()/ Object.Values()
1. Object.keys() => 객체의 키를 뽑아낸다.
[10일차] 옵셔널 체이닝
옵셔널 체이닝(Optional chaining)연산자이다.?.형태로 사용한다.MDN에는 다음과 같이 명시되어있다.optional chaining 연산자 ?. 는 체인의 각 참조가 유효한지 명시적으로 검증하지 않고, 연결된 객체 체인 내에 깊숙이 위치한 속성 값을 읽을
[9일차] JavaScript map/ filter
1. array.map() JS에서는 for문을 대체하는 map이 있다. 결과값이 배열 안 갯수와 같아야한다. 배열 안 객체 추가도 가능. 이렇게 배열 안에 데이터값을 추가해주는 기능.
[8일차] 비구조화할당(=구조분해할당)
객채 안의 키와 값을 별도로 선언할 때, 값이 많을 경우 일일이 빼야하는 번거로움이 있다. 갯수가 많아질수록 귀찮아짐. 이걸 조금 더 짧게 간결화 시킬 수 있다. 객체 뿐만 아니라 배열에서도 사용 가능하다. 동일하게 예제 1. 예제 2.
[7일차-2] 과제 복습.
작성자, 내용 등을 입력하여 버튼을 눌렀을 시 다음 화면에 해당 값들이 적용되야함. 주소는 해당 게시물의 ID가 나와야 함. 작성자, 제목, 타이틀 3가지 및 ID 주소 반영하기 과제.\*\*css는 수업 첫날 한거라 미숙함. 나중에 수정할 예정. 이렇게 나와야한다.
[7일차] codecamp 첫 주말/ 복습2
어제에 이어 두번째 페이지 만들기 도전.아직 완벽히 이해 안가는 부분도 있으나 일단은 따라해보며 파악해보자.버튼 클릭 시 결과화면에 띄우기 -> 데이터 조회 요청 -> query\-필요 기능 목록-통신 기능(조회) - API -> apollo -> usequery,
[6일차] codecamp 첫 주말/ 복습1
코드캠프 정규수업 일주일째가 끝나고 첫 주말이 찾아왔다.어제 수업이 이번주 배운 내용들의 전반적인 응용이었고 아직 숙지를 못한 부분이 있었기 때문에 오늘은 숙제 완료 후 어제 실습 내용을 다시 해보았다.데이터 입력 후 버튼을 누르면 작성한 이름명의 페이지로 넘어가면서
[5일차] 얕은복사와 깊은복사/ 라우터/ graphql 쿼리 실행
객채와 배열의 데이터는 주로값으로 저장이 된다.여기서 child2를 새로 선언하여 child1을 넣어보자.그 다음 새로 선언한 child2의 이름을 맹구로 바꿔보자.그럼 상식적으로는 2의 이름이 맹구고 1은 짱구여야 할텐데,둘다 맹구가 되어있음. 즉, 얕은 복사는둘이
[4일차] apollo-client 세팅/ graphql mutation 활용/ async, await 적용
동기데이터 전송을 하나씩 진행. 요청1이 완료되면 요청2가 진행됨.ex) 좋아요 버튼을 눌렀을 시 누른 즉시 데이터를 백엔드에 전송. 그 후 화면에 나옴.비동기등록, 수정 삭제 등 서버에 요청 저장을 기다리지 않고 한번에 여러 전송이 동시에 진행됨.ex) 좋아요 버튼을