재혁이의 SW 공부일지

재즐보프님의 Flutter강의를 보고 배운 내용을 정리하는 게시물입니다. www.youtube.com/watch?v=Yt-DjG5b4iA&list=PLnIaYcDMsScxP2Nl8pEbmI__wkF0YVu0a 저번 포스트에 레이아웃을 설명하는 부분을 모두 뜯어보았으니 이제 텍스트를 저장하고 넘겨주는 방식에 대하여 자세하게 알아봅시다!👏 먼저 재즐보프님 강의에서 메모를 저장할 때 SQLite를 이용하시는데 이와 관련된 내용을 먼저 보겠습니다! SQLite란? 어떤 것에 대한 설명을 찾아볼 때는 이전에도 그랬듯이 공식 문서를 찾아봐야겠죠. 아래 링크를 통해 찾아낸 설명에 대하여 알아봅시다. www.sqlite.org/index.html SQLite Home Page SQLite is a C-language ..

재즐보프님의 Flutter강의를 보고 배운 내용을 정리하는 게시물입니다. www.youtube.com/watch?v=Yt-DjG5b4iA&list=PLnIaYcDMsScxP2Nl8pEbmI__wkF0YVu0a 먼저 파일 구조를 말씀드리자면, 재즐보프님 강의에서 메모앱을 만드실 때, 총 2개의 디렉토리(database, screens)와 총 5개의 dart파일(db.dart, memo.dart home.dart, edit.dart, main.dart)를 만드셨습니다. 이 포스트에서는 main.dart, home.dart, edit.dart의 레이아웃에 대하여 설명드리고, 다음 포스트에는 edit.dart와 연결되는 home.dart의 함수들까지 정리하고 마지막 포스트에는 db.dart와 memo.dart ..

생활코딩(이고잉님)의 React 강의를 보고 배운 내용을 정리하는 게시물입니다. www.youtube.com/watch?v=XMb0w3KMw00&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi 10. 리액트가 없다면 - 이번 시간부터 Component를 만드는 방법에 대하여 배움! (중요한 것이며 제대로 해놔야 함) - React의 기능을 사용하지 않은 채로 만든 후에 React로 전화하면서 기능을 이해하는 방향으로 수업 - Public 디렉토리 : 'run npm start'했을 때 찾는 root 만약 현재 pure.html의 코드가 약 10,000줄~20,000줄이면 어떨까? ≫ header와 nav, 그리고 article 등을 사용자 정의 태그(Component)로 숨기면 가..

생활코딩(이고잉님)의 React 강의를 보고 배운 내용을 정리하는 게시물입니다. www.youtube.com/watch?v=XMb0w3KMw00&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi 7. JS 코딩하는 법 - 디렉토리가 어떤 구성을 하고 있는지, 어디를 수정하면 될지 확인하면 됨 - public 디렉토리 : index.html이 있는 곳 ≫ npm run start를 했을 때, 나오는 홈페이지가 index.html로 이루어진 것임 - 중요한 부분 : body tag 중 → 우리가 만들 Component는 안에 들어가게끔 만들어 놓는 것 - 그렇다면 안에 들어가는 Component들은 어디에 있는가? - src 디렉토리 : 개발 작업을 할 때, 모든 파일은 이 디렉토리 안..

생활코딩(이고잉님)의 React 강의를 보고 배운 내용을 정리하는 게시물입니다. www.youtube.com/watch?v=XMb0w3KMw00&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi 1강. 수업 소개 - React란? : Facebook에서 만든 UI 라이브러리 - 특징 홈페이지에서 특정 영역을 HTML로 코딩할 때, 사용자 정의 태그를 사용하여 main HTML 페이지에서 간단하게 사 용자 정의 태그를 적어주면 됨 (= 가독성) 사용자 정의 태그는 재사용할 수 있음. 다른 HTML 페이지에서도 사용할 수 있음 (= 재사용성이 높다) 특정 사용자 정의 태그에서 오류가 생기면, 그 사용자 정의 태그에 관련된 내용만 고치면 됨 (= 유지보수가 편리함) ≫ 이 때, React..