본문 바로가기

전체 글

 (133)
[movie_app] home_page 'carousel_slider' Flutter SDK releases All current Flutter SDK releases, stable, beta, and master. docs.flutter.dev 플러터 업그레이드를 해볼까 하고 최신 sdk 를 다운 받았다. 압축 풀고 vscode 에 path 경로를 넣어주자 설정 들어가서 flutter sdk 검색하고 Flutter Sdk Paths 에 한 줄 더 적어주면 된다. 폴더명이 동일해서 기존에 있던 경로 복사해서 3.3.10으로 바꿔주었다. 내가 만들 앱을 위해 main.dart 를 정리하고 home.dart 를 만들어 메인 홈 페이지를 제작한다. carousel_slider | Flutter Package A carousel slider widget, support infini..
create [movie_app] flutter로 어플리케이션을 만들어 보기러 했다. api 불러오는 연습도 해볼겸 박스오피스, 현재 상영 영화 등 영화 관련 주제로 정했다. (예전에 api 연습해볼때 영화진흥위원회랑, kMDb 에서 영화관련 api 를 사용했기에 플러터로도 연습을 해볼까 했다.) flutter sdk 를 다운 받은 후 친절하게 사이트에서 하라는대로 따라하기만 하면 끝난다... Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. docs.flutter.dev 그리고 VScode에 sdk path를 지정해준다음 ctrl + shift + P 를 누르고 플러터 프..
Router react-router-dom 를 이용하여 페이지 이동 react 는 싱글페이지 어플리케이션으로 index.js 안에서 페이지 이동이 이루어진다. react-router-dom 을 설치하여 컴포넌트를 변경해줌으로써 페이지 이동과 같은 효과를 낸다. a 태그가 아닌 Link 라는 태그를 이용하여 이동 ** a 태그는 페이지를 새로고침 해서 부드럽지 않지만 Link 를 이용하면 페이지 내부 컴포넌트를 변경해줌으로 부드럽다. 
create-react-app npx create-react-app '폴더명' : react 기본 세팅 ** npx ? npm ? npm 은 node.js 의존성과 패키지 관리 매니저다. npm install 을 이용해 패키지를 설치한다. npx 는 npm 5.2.0 부터 추가된 패키지 실행 도구이다. 최신 버전을 일회성 실행한다. npm 은 로컬(node_modules)에 설치 되므로 버전을 체크, 관리 해야하지만 npx 는 한번 설치하고 사라지므로 동일 모듈에 대해 프로젝트에 다른 버전이 필요할 경우 사용에 용이하다. ** package.json 프로젝트가 설치한 모듈, 패키지들의 정보를 json 형태로 관리되고 있는 파일, npm i 를 하면 package.json의 모듈들을 node_modules 에 한번에 설치할 수 있다. ..
환영합니다! #1 글을 작성하고 블로그를 관리해보세요. 님의 회원 가입을 진심으로 축하합니다. 이 글은 비공개로 작성돼 있습니다. '편집'으로 내용을 바꾸시거나, 삭제 후 '새 글을 작성'하셔도 됩니다. 글 뿐만 아니라 블로그의 각종 설정을 변경할 수도 있습니다. '블로그관리'를 확인해보세요. #2 다양한 스킨이 있어요. 티스토리에 있는 다양한 '스킨'도 살펴 보세요. 블로그나 사이트를 사용하는 목적에 맞게 스킨을 고를 수 있습니다. 어떤 이야기를 주로 하실 건가요? 잘 생각해 보시고, 마음에 드는 스킨을 고르세요. '스킨 편집'을 통해 다양한 커스텀, 그리고 홈 꾸미기를 적용하실 수도 있답니다. #3 포럼에서 사람들과 소통하세요. 마지막으로 사용하시다가 티스토리에 대해 궁금한 내용이 있다면 '포럼'을 확인하세요. ..

티스토리툴바