wosrncoding

- 이미지 5개를 롤링해보여주는 액자 앱을 만들 것이다- 좌우 스와이프하여 이미지 변경이 가능하고, 이미지가 특정 시간이 지나면 자동으로 롤링되는 기능- PageView 위젯 (가로 또는 세로로 스와이프해 화면에 보이는 위젯을 변경하도록 해줌) , Timer (주기적으로 작업 반복 시에 사용), StatefulWidget (지금까지 stateless위젯만 다뤘는데, 이번에 stateful 다뤄볼 것) 1. 사전지식 : 위젯 생명주기- 위젯이 화면에 그려지는 순간부터, 삭제되는 순간까지의 주기를 의미 (1) StatelessWidget- 지금까지 작성한 위젯들은 모두 이 형태였음.- 해당 위젯을 사용하면, 생성자가 실행되어 build()함수를 필수로 오버라이드 하도록 함- 플러터의 모든 위젯은 widget..

폴더구조 : screen(스크린 전체에 해당되는 위젯들을 모아두는 폴더) / component(스크린을 구성하는 데 공통으로 사용될만한 위젯들을 모아두는 폴더) / model(모델을 따로 모아둠) / const(상수들 모아둠)+ model 폴더는 보통 애플리케이션의 데이터 구조나 비즈니스 로직을 정의하는 곳입니다. 이 폴더에는 앱에서 다루는 데이터를 표현하는 클래스들이 들어가게 된다 플러그인 추가하는 법 : pubspec.yaml 파일->dependencies 에 원하는 플러그인을 추가하고, pub get 버튼을 눌러주면 등록한 플러그인 사용 가능  (pub get 버튼을 누르면 플러그인 뿐만 아니라 pubspec.yaml 에서 설정한 모든 요소를 현재 프로젝트에 적용 가능)  - 위젯 -> 위젯 내부에..

https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-%EC%9E%85%EB%AC%B8-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8/dashboard [지금 무료] 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 강의 | 김영한 - 인프김영한 | 스프링 입문자가 예제를 만들어가면서 스프링 웹 애플리케이션 개발 전반을 빠르게 학습할 수 있습니다., 스프링 학습 첫 길잡이! 개발 공부의 길을 잃지 않도록 도와드립니다. 📣 확www.inflearn.com  WIL - 9/14 파트세션 - 김영한 스프링 입문강의 1~4강 1) 김영한 스프링 입문강의 1강 : 스프링 스타터로 프로젝트 생성- gr..

- 플러터 프레임워크의 세 계층 : 임베더 계층(로우레벨) - 엔진 계층 - 프레임워크 계층- 스키아 엔진 사용 : 대부분의 크로스플랫폼 앱 개발 프레임워크들은 웹뷰 혹은 각 플랫폼의 ui 라이브러리 사용 / 반명 플러터는 웹뷰를 사용하지 않고 직접 스키아 엔진을 사용하여 화면에 ui를 그려냄- 이 때 새로 렌더링이 필요한 위젯들만 렌더링하기에 다른 크로스플랫폼 앱 개발 프레임워크에 비해 높은 성능- rn의 경우, 자바스크립트 브릿지를 통해 플랫폼과 통신, 플랫폼의 ui를 그대로 사용- 반명 플러터는 위젯을 스키아 엔진에 직접 그려내고, 필요한 제스처 및 이벤트를 브릿지를 통하지 않고 실행 - 더 빠름 플러터 프로젝트를 생성하고, 에뮬레이터 (기기 없이 테스트하는 가상머신 환경) 도 생성해주었다 그리고 ..

이번에 나가게 된 대회에서 플러터를 사용하게 되어서, 연휴동안 공부를 진행할 예정이다 https://product.kyobobook.co.kr/detail/S000200473539 코드팩토리의 플러터 프로그래밍 | 최지호(코드팩토리) - 교보문고코드팩토리의 플러터 프로그래밍 | 인프런 NO. 1 플러터 강사와 함께 왕초보 실력을 현업 수준으로 끌어올리기저자는 왕초보 실력을 현업 수준으로 끌어올리기를 목표로 이 책을 썼습니다. 배운product.kyobobook.co.krhttps://goldenrabbit.co.kr/2024/06/05/flutter-%ED%94%8C%EB%9F%AC%ED%84%B0-%EC%84%A4%EC%B9%98-%EC%9C%88%EB%8F%84%EC%9A%B0-%EB%A7%A5-%E..

보호되어 있는 글입니다.

1. 서버와 클라이언트- 서버(스프링부트) 클라이언트(웹 브라우저) 간의 통신이 이뤄짐- 클라이언트 : 서버로 요청하는 프로그램들 / 서버 : 클라이언트의 요청을 받아 처리하는 주체- 데이터베이스 : 데이터를 한 군데에 모아놓고 여러 사람이 사용할 목적으로 관리하는 데이터 저장소. 데이터베이스 관리 시스템(DBMS)에 데이터를 요청하면, DBMS는 데이터베이스에서 데이터를 꺼내 응답함 2. RDB란 - 관계형 데이터베이스 - 데이터베이스에는 RDB.NoSQL,NewSQL 등 여러 종류가 있는데, 그 중 가장 많이 사용하는게 RDB- 관계형 데이터베이스에선 데이터를 행과 열로 이뤄진 테이블로 관리하며, 기본키를 사용해 각 행을 식별함- 각 테이블간에 관계를 지을 수 있음- RDB에서 가장 유명한 데이터베..

남은 방학동안 무엇을 할까 하다가 백에 슬며시 입문해보기로 했다 https://product.kyobobook.co.kr/detail/S000201766024 스프링 부트 3 백엔드 개발자 되기: 자바 편 | 신선영 - 교보문고스프링 부트 3 백엔드 개발자 되기: 자바 편 | ★ 자바 백엔드 개발자가 되고 싶다면 ★ 자바 언어 입문 그다음에 꼭 보세요실력을 갖춘 개발자로 성장하려면 시작이 중요합니다. 그래서 이 책은product.kyobobook.co.kr 동기가 빌려준 "스프링부트3 백엔드 개발자 되기 - 자바편" 을 2주간 훑어볼 예정이다 0장. 개발 환경 구축하기0장에서는 인텔리제이 설치 후 스프링 프로젝트 생성 / 포스트맨 설치 등의 기초작업을 한다그치만 역시 책처럼 모든게 한번에 설치되지 않았슴..

이번 구름톤 프로젝트에서는, api를 모듈화하고 커스텀훅으로 만들어서 사용하였다 1) apis 폴더 안에 instance.ts 파일에 axios instance를 create해서 만들어둔다 이때 백엔드 측에서 준 base url은 노출을 막기 위해 env파일에 넣고, gitignore에 넣는다 (이렇게 하면 env파일의 내용이 깃허브에 올라가지 않기 때문에, 협업 프로젝트라면 프론트 팀원들간에 env파일에 변경이 있을 시 따로 알려준다 / vite를 사용한 경우 env파일의 환경변수 이름이 VITE_로 시작해야한다) 2) apis 폴더 안에 axios instance를 사용해서 원하는 api 메소드 (get 등) 를 사용하는 코드를 작성한다 (그런데 구글링을 하다보니 async await에서 try-ca..

구글링 했을때는 1)cmd에서 ipconfig 입력해서 나온 값 중 2)Ipv4 에 해당하는 값:port번호 로 접속하면 된다고했는데 어째서인지 되지 않았다 그러다가 우리 팀 프엔 오빠에게 물어봤더니 한큐에 해결되었다 우선 npm run 할때, 그냥 npm run dev 말고 npm run dev — —host 로하면 주소가 두개 뜨고, 두개 중 밑 주소가 위의 2)형식으로 뜨는데, 이 주소로 접속하니 잘 되었다 위의 network 옆에 적힌 주소로 접속하면 된다 (이때 노트북의 와이파이와 같은 와이파이로 접속해야함)