재혁이의 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 ..

재즐보프님의 Flutter강의를 보고 배운 내용을 정리하는 게시물입니다. www.youtube.com/watch?v=Yt-DjG5b4iA&list=PLnIaYcDMsScxP2Nl8pEbmI__wkF0YVu0a 우선 플러터 설치와 플러터에 대한 설명은 강의에서 직접 확인하세요! 저는 플러터로 어플리케이션을 개발하는 부분만 정리하겠습니다! 먼저 플러터로 기본 파일을 만들었을 때 구성되는 main.dart 파일에 대하여 알아봅시다. void main() { runApp(MyApp()); } 첫 번째로 main함수가 있는데 이름에서도 알 수 있다시피 이것은 main function의 역할을 하고 이 내부에서 'MyApp이라고 선언된 것을 실행시킨다' 라고 생각하면 될 것 같습니다. class MyApp exte..

생활코딩(이고잉님)의 React 강의를 보고 배운 내용을 정리하는 게시물입니다. www.youtube.com/watch?v=XMb0w3KMw00&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi 드디어 40강짜리 강의를 모두 다 들었습니다! 👏👏👏👏👏👏 이제는 React로 Github.io 페이지 구축을 연습해보고 웹페이지 외의 앱을 만들기 위해 Flutter를 개인적으로 공부할 예정입니다. 20. Update 구현 개인적으로 CRUD 중에 가장 어려웠던 것 같습니다. Create는 만들고 Contents에 추가하는 것으로 Read는 state의 mode만 변환하는 것으로 진행했다면, Update는 Create된 것을 Read하여 바로 다시 수정하는 방식(Create와 비슷하게)을 ..

생활코딩(이고잉님)의 React 강의를 보고 배운 내용을 정리하는 게시물입니다. www.youtube.com/watch?v=XMb0w3KMw00&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi 이제부터는 글을 짧고 간결하게 정리용으로만 남기겠습니다. 이제 강의 마지막까지 19, 20, 21차만 남은 상태인데 이 3개의 강의에서 할 계획은 1. TOC List에 내용을 추가하기 2. TOC List에 추가된 내용을 수정하기 3. TOC List에 추가된 내용을 삭제하기 이 세 가지로 추려진다. 개인적으로 19강을 전부 듣고 실습해본 결과, 내가 이 기능을 HTML, CSS, Javascript로 구현하면 어떻게 되었을까? 를 상상하면서, 비교하면서 들었다. 어떻게보면 React를 처..

생활코딩(이고잉님)의 React 강의를 보고 배운 내용을 정리하는 게시물입니다. www.youtube.com/watch?v=XMb0w3KMw00&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi 17.1. 컴포넌트 이벤트 만들기 이제 이벤트 프로그래밍을 소비자가 아닌 매체의 생산자의 입장에서 만들어보는 과정! 이전 강의까지는 위의 코드에서 주석처리된 부분처럼 가독성을 위해서 Subject Component를 Component로 사용하지 않고 코드를 다 가져왔었지만, 이제부터는 다시 Component로 이용하기 위해 주석처리된 부분을 모두 지운다. React에서 이벤트를 설치하고 싶다면? → onChangePage를 사용할 것! 이벤트에 함수를 설치해놓으면 a Tag를 클릭할 때 설치..

생활코딩(이고잉님)의 React 강의를 보고 배운 내용을 정리하는 게시물입니다. www.youtube.com/watch?v=XMb0w3KMw00&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi 15.1. State 소개 이전시간까지는 React의 기본 기능, 그리고 그 중에서도 중요한 개념인 'Props'에 대해 배웠다. 어떤 사람이 아이폰을 사용한다고 해보자. 아이폰을 사용할 때 터치하는 화면, 볼륨을 높이기 위해 누르는 볼륨 버튼들을 모아서 '사용자 인터페이스(UI)'라고 한다. 여기서 사용자가 제품을 조작하는 장치들을 Props에 props의 값들에 따라 내부적으로 구현에 필요한 것들을 State에 비유할 수 있다. - Component들은 Props들을 이용하여 조작하게 됨..

생활코딩(이고잉님)의 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)로 숨기면 가..