티스토리

good programmer
검색하기

블로그 홈

good programmer

hyeonju-frontend-study.tistory.com/m

Now is the time to understand more, so that we may fear less.

구독자
1
방명록 방문하기
공지 개인용 공부 블로그입니다 모두보기

주요 글 목록

  • memory 하버드의 컴퓨터과학 입문 강좌(무료)를 듣고, 요약한 내용을 작성 - 네이버 부스트 코스 2019년 강좌를 무편집본으로 제공 - 커넥트 재단 옛날 버전의 강좌, 비교적 최근 버전의 강좌 편집본으로 제공, 별도의 학습자료 제공 - 아래 요약본은 커넥트 재단의 1: 컴퓨터와 컴퓨팅 - Topic 1, 2를 정리한 것입니다. 요약 컴퓨터로 어떤 작업을 한다고 해 봅시다. 브라우저를 통해 웹 서핑을 하거나, 스포티파이와 같은 스트리밍 서비스로 음악을 듣거나, 문서를 작성할 수 있겠지요. 컴퓨터는 어떻게 이런 작업을 할까요? 우선 컴퓨터에 브라우저, 스포티파이와 같은 프로그램이 저장되어 있어야 합니다. 컴퓨터에는 여러 기억 장치(memory)가 있는데, 보통 HDD(또는 SSD)에 프로그램을 저장해 둡니다. 프로.. 공감수 0 댓글수 0 2022. 10. 27.
  • mongoDB next.js with MongoDB mongo DB 웹사이트에서 클러스터를 생성한다. 이 때 클러스트는 DB를 호스팅할 서버를 말한다. mongodb를 사용하기 위해 프로젝트에 mongodb 패키지를 설치한다(문서). yarn add mongodb # or npm install mongodb 설치된 mongodb 라이브러리를 통해 서버 측에서 동작하는 코드로 클러스터에 접근, 데이터를 저장하고 불러올 수 있다. 다시 웹사이트로 돌아가서, 처음 단계에서 생성한 클러스터의 connect 버튼을 클릭하면, 프로젝트와 클러스터를 연결할 방법을 선택할 수 있다. 화면에 체크된 옵션을 선택하면 connetion url을 확인할 수 있다. Security/Network Access 탭에서 DB에 접근 가능한 IP .. 공감수 0 댓글수 0 2022. 10. 23.
  • API route what is API route? 웹 사이트를 단순한 html 페이지 이상으로 만들기 위해서는 API가 필요하다. API는 웹 서버가 외부로 노출하는 URL을 말한다. 이 때 API는 사용자의 요청에 대해 html 페이지를 반환하는 것 이상의 역할을 한다. JSON 형식의 데이터로 응답 사용자의 데이터를 DB에 추가/삭제/수정 하는 등의 작업 후 그 결과로 응답 이 외에도 어떤 API를 구축하냐에 따라 다양한 작업을 수행할 수 있다. Next.js는 어플리케이션 내에 API를 구축할 수 있게 해주고, 어떤 요청이 들어왔느냐에 따라 다른 작업을 수행할 수 있게 해 준다. how to add api? pages 폴더 내에 api 폴더를 만든다. api 폴더 내에 생성하는 파일, 폴더명의 규칙은 pages 폴.. 공감수 0 댓글수 0 2022. 10. 20.
  • what is _document.js? before start _document.js에 대해 알아보기 전에, _app.js가 무엇이었는지 간단히 정리해 보자. _app.js는 next.js 어플리케이션의 shell(껍질)이다. // pages/_app.js import Layout from '../components/layout/layout'; import '../styles/globals.css'; function MyApp({ Component, pageProps }) { return ( ); } export default MyApp; next.js에 의해 는 자동으로 렌더링 해야 할 페이지 컴포넌트가 된다. 모든 페이지 컴포넌트에 적용해야 하는 스타일링, Head 태그 등을 여기에서 설정할 수 있다. 즉, 어플리케이션 html 페이지의 .. 공감수 1 댓글수 1 2022. 10. 18.
  • optimization with <head> & <image> head & meta html 페이지는 크게 ) } export default MyApp Head 태그는 jsx 코드 상에 위치하기만 하면 된다. 어디에 코드를 위치시켜야 하는지는 관계 없다. main page 뿐만 아니라, 모든 페이지 컴포넌트에서 Head 태그를 사용할 수 있다. jsx 문법을 이용해서 Head 컨텐츠를 dynamic value로 설정할 수 있다. 모든 페이지에 공통적으로 적용할 Head는 _app.js 파일에서 return 할 수 있다. next.js는 하나의 컴포넌트에 존재할 수 있는 여러 개의 Head를 하나로 병합하고, 이 과정에서 생길 수 있는 충돌도 해결해 준다. _document.js로 html 전체 틀 구성하기 document.js는 무엇이고, 언제 사용할까? image.. 공감수 1 댓글수 1 2022. 10. 18.
  • client side data fetching 언제 client side에서 data fetching을 할까? next.js를 사용한다고 해서 항상 모든 데이터를 미리 렌더링(pre-rendering) 해야 하는 것은 아니다. 아래와 같은 경우에는 사용자가 페이지에 방문했을 때 data fetching을 하는 것이 적절하다. 매우 잦은 빈도로 변경되는 데이터 ex) stock data 미리 데이터를 준비해서 화면에 렌더링하는 순간, 그 데이터는 구식이 된다. 사용자 개인에게만 특정되어있는 데이터 ex) 장바구니, 프로필 SEO와 관계 없음 대시보드 페이지의 부분적인 데이터 모든 데이터를 한 번에 받아오고 페이지를 준비하면, 서버에 부하가 생길 수 있음 client 측에서 데이터를 받아올 때에는 이전처럼 useEffect 훅을 사용할 수 있으며, ta.. 공감수 0 댓글수 0 2022. 10. 17.
  • sort algorithm(1) +) sorting 알고리즘을 시각화 한 사이트 bubble sort(sinking sort) Bubble sort, sometimes referred to as sinking sort, is a simple sorting algorithm that repeatedly steps through the input list element by element, comparing the current element with the one after it, swapping their values if needed bubbleSort([5, 4, 1, 3, 2]) // [1, 2, 3, 4, 5] 최대값을 찾아 배열을 오른쪽 => 왼쪽 순으로 정렬한다. [5, 4, 1, 3, 2]의 배열을 bubble sort를 .. 공감수 0 댓글수 0 2022. 10. 17.
  • pre-rendering data fetching & pre-rendering | React vs. Next React.js에서 데이터를 받아오는 방식과 문제점은 다음과 같다. useEffect 내부에서 필요한 데이터를 backend api에게 요청한다. 성공적으로 받아온 데이터를 state로 업데이트한다. 데이터를 화면에 보여준다. 결론 | 사용자는 html 코드와 js 코드를 한 번에 받아오고, js 코드가 실행되면 동적으로 html을 구성한다. 문제점 js가 실행되어야 데이터를 받아올 수 있다는 것은, 온전한 페이지를 보여줄 때 까지 시간 지연이 발생한다는 것을 의미한다. 뿐만 아니라 최초의 html 코드(page source에서 확인할 수 있는 html 코드)에는 동적으로 생성되는 데이터가 포함되어 있지 않기 때문에, S.. 공감수 1 댓글수 0 2022. 10. 14.
  • recursion call stack 대부분의 프로그래밍 언어에는 함수의 호출 순서를 저장하는 자료 구조(data structure)가 구현되어있다. js에서 이는 call stack으로 불리며, 소스 코드에서 함수를 호출할 때 마다 stack에 그 정보가 쌓이고, 맨 꼭대기(top)에 쌓여있는 함수 호출 정보가 가장 먼저 삭제된다(pop). 재귀 함수를 호출하게 되면, 이 함수의 호출이 중단될 때 까지 call stack에 같은 재귀 함수가 여러개 쌓이게 된다. 그렇다면 재귀 함수란 무엇일까? what is recursion? a process(function) that call themselves from within their own code. +) 재귀함수는 거의 모든 곳에 존재하며, JSON.stringify, .. 공감수 0 댓글수 0 2022. 10. 11.
  • how useRouter works how it works 어떤 컴포넌트 내부에서 useRouter 훅을 사용하면, 그 컴포넌트는 두 번 렌더링 된다. 컴포넌트 함수가 JSX 코드를 첫번째로 렌더링 한 뒤에, useRouter를 실행시키기 때문이다. 따라서 컴포넌트가 첫번째로 렌더링 되는 시점에서는 router 데이터에 접근할 수 없는 상태이다. example export default function EventSlugPage() { const router = useRouter() const { slug } = router.query console.log(slug) if (!slug) return loading... const [selectedYear, selectedMonth] = slug const eventList = getEvent.. 공감수 0 댓글수 0 2022. 10. 9.
  • what is _app.js? _app.js import '../styles/globals.css' function MyApp({ Component, pageProps }) { return } export default MyApp next.js 프로젝트를 생성하면, pages 폴더 내에 _app.js라는 파일이 위와 같이 생성되어 있는 것을 알 수 있다. 이 파일은 root component 역할을 한다. 즉 page 컴포넌트를 렌더링하기 위한 입구가 되기 때문에, 모든 페이지에 공통으로 적용해야 할 코드를 이 파일에서 작성할 수 있다. example code // 1. _app.js import Layout from '../components/layout/layout' import '../styles/globals.css' func.. 공감수 0 댓글수 0 2022. 10. 9.
  • 컴포넌트 설계에 대해 궁금한 점 어디부터 어디까지가 view의 영역인가? React를 이용해 어플리케이션을 만들다 보면, 보통 컴포넌트 단위로 코드를 작성하게 된다. 이 때 컴포넌트는 최대한 단순하게, 다시 말해 view 레이어(사용자 화면에 어떻게 표시될 것인지) 만을 담당할 수 있도록 설계하는 것이 좋다는 이야기를 들었다. http 통신 로직 분리하기 예를 들어 백엔드로부터 event list 데이터를 받아오고, 이를 메인 페이지에 렌더링해서 보여주는 코드가 있다고 해보자. EventList 컴포넌트를 만들 때에는 다음과 같은 패턴이 가장 보편적이다. export default function HomePage() { const eventList = getAllEventList() return } eventList를 요청하는 것과 관.. 공감수 0 댓글수 0 2022. 10. 9.
  • problem solving patterns(2) 1. frequency counter pattern 예제 문제1 same([1, 2, 3, 3], [9, 4, 1, 9]) // true same([1, 2, 3, 3], [9, 4, 1]) // false 1. write a function called "same", which accepts 2 arrays. 2. the function should return "ture" if every value in the array has it's corresponding value squared in the second array. 3. the frequency of values must be the same. 문제 풀이한 방법 const squared = [1, 9, 25, 25] getFrequencyOf.. 공감수 5 댓글수 1 2022. 10. 8.
  • file based routing code based vs. file based routing React.js(code based routing)는 react-router와 같은 라이브러리의 도움을 받아 각 route에 해당하는 컴포넌트를 만들고, 그 컴포넌트를 app.js와 같은 파일에 import 하는 방식으로 라우팅을 이용했다. Next.js(file based routing)를 이용한 라우팅은 더 간단하다. Next.js 자체가 pages 폴더 내에 존재하는 컴포넌트 파일을 하나의 route로 인식하기 때문에, 추가로 라이브러리를 설치하거나, route와 관련된 코드(boilerplate code)를 따로 작성할 필요가 없기 때문이다. /pages # pages 폴더 구조 /pages - index.js # some-domain... 공감수 0 댓글수 1 2022. 10. 4.
  • what is Next.js? what is Next.js? | official website Next.js is the React framework for production. => 대규모의 상업용 리액트 어플리케이션을 구축할 수 있도록 돕는 리액트 framework이다. 우선 React.js는 UI(User Interface)를 구축할 수 있도록 돕는 자바스크립트 라이브러리이다. 리액트는 오직 사용자의 화면(view)과 관련된 로직 만을 담당하기 때문에, 리액트로 대규모 어플리케이션을 구축하려면 추가로 여러 라이브러리를 설치해야만 한다. 예를 들어 routing, authentication 등과 관련된 라이브러리를 설치해야 한다. Next.js는 이러한 일부의 라이브러리 없이도 대규모의 리액트 어플리케이션을 더 쉽게 구축할 수 있.. 공감수 1 댓글수 1 2022. 10. 3.
  • problem solving patterns intro 문제를 해결하는 방법은 아래의 5 가지로 나누어 볼 수 있다. => 참고 도서) "how to slove it" by Georhe Polya 문제 이해하기(understad the problem) 구체적인 예제 살펴보기(explore concrete example) 세부적으로 분석하기(analyze) 문제 해결하기/단순화하기(solve/simplify) 재검토하기(look back and refactor) understand the problem 문제를 확실히 이해한 후에, 코드를 작성하는 것이 중요하다. 문제를 나만의 언어로 다시 정의할 수 있는가? input은 어떤 형태여야 하는가? 어떤 output을 반환해야 하는가? input을 이용해서 output을 결정할 수 있는가? 즉, outpu.. 공감수 0 댓글수 0 2022. 10. 3.
  • performance of array & object object 객체는 순서(unordered)가 없고, key - value 쌍으로 이루어진 데이터의 집합이다. 따라서 순서에 관계 없는 데이터를 보관할 때 사용하면 좋다. 뿐만 아니라, 빠르게 데이터에 접근하거나 데이터를 추가/삭제 할 때에도 유용하다. 이 때 빠르다는 것은 상수의 시간 복잡도(O of constants)를 갖는다는 것을 의미한다. let harry = { fullName: 'harry styles', age: 28, favoriteNumbers: [1, 2, 3, 4], } insertion => O(1) removal => O(1) access => key를 이용해 value에 접근하는 것을 의미, O(1) searching => 어떤 value가 객체에 존재하는지 확인하는 것을 의미.. 공감수 2 댓글수 0 2022. 10. 3.
  • BigO Notation intro big o 표기법은 같은 문제를 해결하는 여러 방법, 즉 여러 알고리즘 중 어떤 것이 더 나은지 판단할 수 있는 기준이 된다. 어떤 알고리즘이 더 낫다고 이야기하는 것은 상황에 따라 다르지만, 빠른 속도와 적은 메모리 사용량이 보편적인 기준이다. +) 속도나 메모리 사용량 뿐만 아니라 코드의 가독성, 간편한 유지보수 가능성 등이 더 나은 코드를 판별하는 기준이 될 수 있다. time complexiry | how long to execute the function? perfomance.now 이용하기 예를 들어 문자열을 input으로 받고, 그 문자열을 거꾸로 뒤집은 값을 반환하는 함수를 만든다고 해 보자. 이 함수를 구현해내는 방법은 아래의 두가지 외에도 많을 것이다. 둘 중 어떤 함수가 더.. 공감수 2 댓글수 0 2022. 10. 3.
  • React with web accessibility npm install eslint-config-airbnb npm info "eslint-config-airbnb@latest" peerDependencies # peerDependencies 목록 ## eslint-plugin-import ## eslint-plugin-jsx-ally ## eslint-plugin-react ## eslint-plugin-react-hooks 에어비앤비에서 설정한 es lint 모듈을 설치하면, 다음과 같은 하위 dependencies가 프로젝트에 포함된다. eslint-plugin-jsx-a11y 모듈 이 모듈은 web accessibility 규칙을 준수하는 JSX 코드를 작성할 수 있도록, JSX 코드를 평가한 뒤 코드 에디터에 경고/에러를 띄운다. => 자세한 .. 공감수 0 댓글수 0 2022. 9. 19.
  • what is MVC pattern? MVC Model–view–controller is a software architectural pattern commonly used for developing user interfaces that divide the related program logic into three interconnected elements. model | view에서 보여줄 데이터 데이터를 가져오거나, 생성/업데이트 하기 위한 로직? view | 어플리케이션 사용자에게 보여지는 화면 구성 가져온 데이터를 화면에 표시하는 로직? controller | model과 view가 어떤 일을 해야 하는지를 제어(control), 웹 서버라고 이해하면 쉽다. model과 view는 직접 상호작용 하지 않고, controller를 통해.. 공감수 0 댓글수 0 2022. 9. 7.
  • Jest configuration | official docs $ npm install --g jest $ npm install --D @types/jest $ npm install --D jest $ jest --init 터미널에서 jest를 global 옵션으로 설치하면, npm 명령어 jest를 실행할 수 있다. 타입스크립트 코드를 테스트하는 것이 아니더라도 @types/jest를 설치하면 코드에디터에서 자동완성, 메서드 설명 확인 등의 기능을 이용할 수 있다. jest --init 명령어를 사용하면, jest 설정과 관련된 파일(jest.config.js)을 간편하게 작성할 수 있다. script에 test - jest 자동 연결 typescript 코드의 테스트 설정 clearMocks: true | 테.. 공감수 0 댓글수 0 2022. 9. 6.
  • Testing, TDD what is testing? testing이란, 어플리케이션의 함수, 기능, ui 등이 예상한 대로 동작하거나/렌더링 되는지 미리 확인하는 것을 말한다. 예를 들어 어플리케이션에서 사용되는 utility 함수를 작성했다고 하자. 함수를 작성한 개발자는 input x가 전달 되었을 때 output y가 반환될 것으로 예상한다(expectations, requirements). 이 때 이 함수에 대한 test code를 작성하고, 실행하면 그 결과를 통해 x가 전달되었을 때 y가 반환되는지 등을 확인할 수 있다. +) 테스트 코드를 작성하기 이전에는, 제품 개발이 완료 되면 QA(quaility assurance) 팀이 사용자의 입장에서 소프트웨어를 테스트하는 것이 보편적이었다. 개발이 모두 완료된 시점에.. 공감수 0 댓글수 0 2022. 9. 5.
  • [Zeros] 버그 & 건의 사항 Zeros에 방문해 보기 혹시 다른 버그를 발견하시거나, 건의 사항이 있으시면 댓글로 알려주세요!✨감사합니다. 버그 모바일로 접속했을 때, 저축 목표를 수정하는 form의 submit 버튼이 안보이는 버그. 다른 react icon 으로 바꿨더니 아주 잘 보인다! 모바일에서 구글/깃허브 로그인 버튼을 처음 클릭했을 때 아무런 반응이 없는 버그. 다시 로그인 버튼을 클릭하면 제대로 로그인이 되는데, signInWithPopup 함수랑 관련이 있는 것 같다는 막연한 생각(모바일에서는 signinWithRedirect 으로 호출했더니 해결됐다.) firebase auth 공식 문서에서 모바일 로그인 시 popup 보다 redirect를 사용하는 것을 선호한다고 나와있다. useDeviceCheck 훅을 만들어.. 공감수 0 댓글수 0 2022. 9. 1.
  • [Zeros] 1.0.0 마무리 프로젝트를 시작하게 된 계기 2022년 2월 프론트엔드 공부를 시작하고, 7월 원티드 프리온보딩 코스를 통해 처음으로 다른 프론트엔드 지망생 분들과 협업해 보았다. 나는 주로 강의 듣기 + 실습 하기 + 배운 내용 블로깅하기 방식으로 공부를 해 왔다. 그래서 기업과제를 기반으로 하는 팀 프로젝트가 낯설기도 했지만, 내가 구현하기 어려운 기능이 무엇인지 직접 정의해 보고, 문제를 해결하는 경험을 여러 차례 쌓으며 재미를 느꼈다. 특히 생각한 대로 코드를 작성해 보고, 원하는 대로 동작하지 않을 때 그 문제가 무엇인지 찾아보고 해결하는 과정 자체가 재미있었다. 내가 생각하는 나만의 프로젝트 만들기가 이런 공부의 끝판왕이 되어 줄 것이라는 생각이 들었다. 프로젝트를 하며 어려웠던 점 (feat. 새로 만난 문.. 공감수 0 댓글수 0 2022. 9. 1.
  • [Zeros] location.state를 사용하면 안되는 경우 언제 location.state를 사용할까? react router에서 useNavigate와 useLocation을 사용하면, 서로 다른 컴포넌트에서 data를 공유할 수 있다. // card component navigate(`${id}`, { state: { ...data }, }); // detail page const { data } = location.state; Zeros에서는 카드 컴포넌트를 클릭했을 때, 그 카드에 대한 디테일 정보를 확인할 수 있는 페이지로 넘어가게 되어있다. 특히 카드 컴포넌트와 디테일 페이지에 겹치는 데이터가 많기 때문에 useNaviga + useLocation을 이용해서 data를 공유하기로 결정했다(안돼). 굳이 한번 더 http 요청을 보낼 필요가 없다고 느꼈.. 공감수 0 댓글수 0 2022. 9. 1.
  • [Zeros] 로그인 상태 유지하기 localStorage.setItem firebase를 통해 소셜 로그인을 구현하기는 했는데, 로그인 상태를 유지하는 로직을 어떻게 짜야 좋을지 고민이 많았다. 페이지를 재방문했을 때에도 로그인 상태를 유지하도록 만드는 기능을 구현해 본 적이 있긴 하다. 이전에는 아래와 같은 방식으로 로그인 상태를 유지했다. localStorage에 로그인 여부를 boolean으로 저장하고, 어플리케이션이 실행될 때 마다 이 값을 읽어온다. 값이 true일 때에는 login state를 true로 업데이트 한다. 그러나 이 방법은 사용자가 로그인 상태를 조작하기 쉬워진다는 단점이 있다. 로컬 스토리지에 직접 값을 true로 입력해 두면, 실제로 로그인하지 않더라도 로그인 한 상태로 업데이트 되기 때문이다. firebas.. 공감수 1 댓글수 1 2022. 9. 1.
  • [Zeros] creat react app & postcss why postcss? | styled component와 tailwind를 쓰면서 불편했던 점 프리온보딩을 진행하면서 styled component와 tailwind css를 써봤다. 결론적으로는 둘 다 마음에 들지 않았다! 먼저 스타일드 컴포넌트는, 동적으로 className을 지정하는 것으로 스타일링이 업데이트 되지 않는 점이, 테일윈드는 className이 한없이 길어질 수 있다는 점이 별로였다. 하지만 styled component에서 사용되는 nesting 이나, tailwind에서 필요한 css 모듈을 설치해서 쓸 수 있다는 점은 편리했다(hide-scroll-bar와 관련된 모듈이었다). 이런 편리함에도 불구하고, 스타일드 컴포넌트와 테일윈드가 마음에 들지 않아서 이것 저것 찾아보다가 po.. 공감수 0 댓글수 0 2022. 9. 1.
  • [Zeros] stopPropagation vs. event.target !== event.currentTarget 자식 요소와 부모 요소에 동일한 이벤트의 리스너가 등록되어 있으면, 이벤트 버블링이 발생한다. 예를 들어 카드 컴포넌트(부모)와 삭제하기 버튼(자식)에 모두 클릭 리스너가 등록되어 있고, 삭제 버튼을 클릭하면 다음과 같은 일이 발생한다. 삭제하기 버튼에 등록된 리스너 함수가 실행된다. 문제는, 버튼이 카드의 자식 요소이기 때문에 발생한다. => 버튼이 클릭되었다는 것은, 카드가 클릭되었다는 것이기도 하기 때문이다. 카드가 클릭되기도 했으므로, 카드에 등록된 리스너 함수가 실행된다. 나의 경우 카드를 클릭했을 때, 해당 카드의 정보를 더 자세히 볼 수 있는 페이지로 이동하도록 만들어두었다. 그랬더니 삭제하기를 클릭했을 때 페이지 이동이 발생해서, 삭제 기능을 사용할 수가 없는 문제가 생겼다. 뿐만 아니라,.. 공감수 0 댓글수 0 2022. 8. 26.
  • [Zeros] event delegation이 예상한 대로 동작하지 않는 문제 이벤트 버블링으로 생길 수 있는 문제를 막기 위해, 항상 부모 요소에 이벤트를 위임하는 방식으로 코드를 작성하고 있었다. {!isSelectBoxClicked && ()} {!isSelectBoxClicked && ()} {isSelectBoxClicked && ( /*...*/ )} 부모 컴포넌트인 label에 이벤트를 위임하면, input이나 Icon에 클릭 이벤트가 발생했을 때에도 label에 등록된 toggleSelectBox가 실행된다. 그래야 하는데 icon을 클릭했을 때 예상한 대로 동작하지 않는 것을 확인할 수 있었다. 그 이유는 다음과 같았다. 사실 icon을 클릭했을 때, label에 등록된 toggleSelectBox 함수가 잘 실행되었다. 문제는 그 다음 단계에서 일어났는데, ico.. 공감수 0 댓글수 0 2022. 8. 24.
  • react-firebase | authentication +) authentication concepts | 인증에 대한 기본 개념 firebase authentication | youtube | react firebase authentication tutorial 1. connecting firebase to our projects $ npm install firebase $ yarn add firebase 프로젝트 폴더에서 firebase 패키지를 설치한다. firebase console > 새로운 프로젝트 만들기 해당 프로젝트 설정(setting) 페이지 > 그림의 버튼을 클릭하면, console의 프로젝트와 실제 프로젝트 폴더(1번에서 패키지를 설치한 폴더)를 연결할 수 있도록 가이드를 제공한다. 가이드에서 아래와 같은 형식의 코드를 제공한다. // s.. 공감수 0 댓글수 0 2022. 8. 16.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.