본문 바로가기

TIL89

[항해99 52일차] 2022.04.27 TIL (와이어 프레임 작성, 카카오 지도 ) 📔 오늘 할 일 📔 1. 와이어프레임 작성 2. 카카오 지도 api 내 위치 마커로 나타내기 📖 오늘 배운 📖 오늘은 +버튼 클릭하면 지도 확대되고 ,, 현재 내 위치에 마커를 표시해주는 걸 연습해봤다. ㅎㅎㅎㅎㅎ 혼자할때에는 막막했는데 ㅎㅎㅌㅅ님과 함께 하니까 재미있고, 금방 해결했다 !!! 사이트 우선 해당 라이브러리 설치 !! yarn add react-kakao-maps-sdk 메인 지도가 있는 js코드 import React, { useEffect, useState } from 'react' import styled from "styled-components" import { Map, MapMarker,ZoomControl,MapTypeControl } from "react-kakao-maps-.. 2022. 4. 28.
[항해99 51일차] 2022.04.26 TIL (기획은 너무 어려워 ) 📔 오늘 할 일 📔 1. 알고리즘 문제풀기 2. 와이어프레임 다시 짜기 📖 오늘 배운 개념 📖 //1. 하나의 값을 입력받을 때 const input=require('fs').readFileSync('/dev/stdin').toString().trim(); //2. 공백으로 구분된 한 줄의 값들을 입력받을 때 const input=require('fs').readFileSync('/dev/stdin').toString().trim().split(' '); //3. 여러 줄의 값들을 입력받을 때 const input=require('fs').readFileSync('/dev/stdin').toString().trim().split('\n'); //4. 첫 번째 줄에 자연수 n을 입력받고, 그 다음줄에 공백.. 2022. 4. 27.
[항해99 50일차] 2022.04.25 TIL (리액트로 카카오 지도 가져오기, 환경변수 설정) 📔 오늘 할 일 📔 1. 카카오 지도 API 사용법 알기 2. 소셜 로그인 하는 법 공부하기 📖 오늘 배운 것 📖 리액트로 카카오 API 가져와서 화면에 지도 띄우기 !!!! 사이트 👉 APP KEY 발급을 클릭 애플리케이션 추가하기 클릭 앱이름, 사업자명 입력 후 저장하기 클릭 자바스크립트 키 메모장에 복사해두기 !! 아래에 있는 플랫폼 중에서 Web플랫폼 추가해두기 도메인은 http://localhost:3000으로 입력 이제 여기에서 해야될 설정은 끝 !!! 사이트👉 가이드 클릭 리액트 index.js 에 아래 코드 복사 붙여넣기 발급받은 APP KEY는 위에서 메모장에 복사해둔 자바스크립트 키다. src에 Location.js 컴포넌트 생성 후 아래 코드 복사 붙여 넣기 // MapContaine.. 2022. 4. 25.
[항해99 48일차] 2022.04.23 TIL (기획 및 리덕스 툴킷) 📔 오늘 할 일 📔 1. 아이디어 기획 다시 하기 (모두가 만족할만한..아이디어 없을까?) 2. 리덕스 툴킷 공부 📖 오늘 배운 개념 📖 리덕스 툴킷 리덕스는 리액트의 상태관리 라이브러리이다. 리덕스는 사용하기에 매우 복잡하며 어렵다.. 또한, 리덕스를 사용하려면 많은 라이브러리들을 또 따로 설치를 해주어야 한다. - react와 바인딩하기 위한 react-redux - 불변성을 유지하기위한 immutable/immer - 비동기 통신을 위한 redux-thunk/redux-saga/redux-pender - 액션 생성을 위한 redux-actions 리덕스 액션과 리듀서들을 도메인마다 분리를 하고, 또 리액트 각 컴포넌트마다 바인딩을 하면, 엄청나게 많은 수의 파일에서 리덕스 코드를 사용하게 된다. 그.. 2022. 4. 23.
[항해99 46일차] 2022.04.21 TIL (무한스크롤 수정) 📔 오늘 할 일 📔 1. 무한스크롤 고치기.. 📖 오늘 배운 개념 📖 Intersection Observer API 무한 스크롤은 로드해야하는 게시글 목록이 많은 페이지에서 사용자의 편의성과 클라이언트의 부담을 덜어줄 수 있는 획기적인 아이템입니다. Intersection Observer API는 타겟 요소와 상위 요소 또는 최상위 document 의 viewport 사이의 intersection 내의 변화를 비동기적으로 관찰하는 API입니다. 🤔 해결한 문제 🤔 아니 자꾸 페이지 넘버가 타겟에 닿아버리면 계속 넘어가져서.. 무한 로딩이 되는 상황이 발생했다. ???ㅋㅋㅋㅋㅋㅋ멘붕이 시작되었다. 우리 조 에이스님과 함께.. 콜백함수가 실행되며 페이지 넘버가 넘어가는 그 시점에 그냥 if조건문을 넣어서 해.. 2022. 4. 21.
[항해99 45일차] 2022.04.20 TIL (무한스크롤,뷰완성) 📔 오늘 할 일 📔 1. 프로필 수정 기능 2. 어거지 무한스크롤 3. 페이스북 메인 뷰 만들기 😊 주절주저리 😊 ㅋㅋㅋㅋㅋㅋㅋㅋ페이스북 뷰 완성이당 ㅠㅠㅠ 이제 무한스크롤만..잘 끝나면 될 듯 하다.. 자야지 ~~~~ 2022. 4. 21.

티스토리툴바