728x90 티스토리챌린지21 안드로이드 스튜디오 설치하면서 에러에 막혔던 부분 flutter doctor 오류 참고 블로그:https://velog.io/@seoyoon_dev/1%EC%A3%BC%EC%B0%A8-2%EA%B0%95-flutter-doctor-%EC%98%A4%EB%A5%98 [1주차 2강] flutter doctor 오류flutter을 설치 진행 중 아래 두가지 오류를 가장 많이 접하게 됩니다.Android toolchain - develop for Android deveices (Android SDK version 33.0.2)No Java Development Kit(JDK) fovelog.ioDoctor summary (to see all details, run flutter doctor -v):[√] Flutter (Channel stable, 2.8.0,.. 2024. 11. 21. 플러터 기본 앱 레이아웃 만드는 법 (Scaffold) 오늘의 숙제 :강의 하단 참고해서 하단바 디자인알아서 해오십시오 앱은 웹개발보단 쉽습니다. 화면이 작고 단순해서요.오늘은 Scaffold 위젯과 가로 세로로 배치하는 법을 배워봅시다.() 위젯MaterialApp 이라는 위젯 짚고 넘어가보기.MaterialApp 도 대문자로 시작하고 소괄호 있는 거 보니까 위젯임. 이 위젯을 써놓고 시작하면구글이 제공하는Material 테마 같은 걸 이용해서 내 앱을 쉽게 만들어 낼 수 있다. 근데 구글 스타일임. 아이폰 기본 앱 같은 스타일의 앱을 만들고 싶은경우Cupertino 관련 위젯이 있음. 반면에 둘 다 싫은 경우 그래도 MaterialApp 을 집어넣고 시작하기. 구글이 제공하는 기본 플러터 테마는 크게 2개가 있는데 왼쪽은 Material Design.. 2024. 11. 20. 플러터 기본 위젯 넣는 법 저번 시간에 Flutter 프로젝트 새로 생성했죠?그 상태에서 미리보기 띄우고 시작할겁니다.근데 코드짜기 전에 사전작업이 필요합니다.플러터 만들기 프로젝트 클릭.현재는 왼쪽에 있는거 확인하기 - 가운데가 아니라 왼쪽 버튼 눌러야함 (New Flutter Project) 왼쪽에 있는 플러터 선택.압축 푼 폴더 잘 기입하기. 우측 점 3개 눌러서 flutter 파일 눌러줘서 경로 강의랑 똑같이 입력.이렇게 써주고 finish 눌러줌.그냥 경로 안바꾸고 생성작명할 땐 영어 소문자로 작명하기그럼 이런 식으로 프로젝트 하나 생성됨.생성된거 확인.폴더 열어서 메인 페이지 확인해주기 시작하기 전에 Lint 관련 워닝 무시하는 법 Flutter 2.5 버전 이후 부터는 Lint라는게 생겨서 여러분에게 좋은 관습같은걸.. 2024. 11. 19. Flutter 설치와 개발환경 셋팅 (윈도우 / 맥) Flutter 개발환경 셋팅하기 위해 설치할 것들이 좀 있습니다.윈도우 10이상 (64bit) 또는 맥OS 10.14버전 이상이 필요합니다.1. Flutter SDK 설치https://flutter.dev/docs/development/tools/sdk/releases?tab=windows위 사이트에서 2.8.0 버전을 찾기 쉬운 곳에 다운받고 압축을 풀어줍니다.저는 찾기 젤 쉬운 C드라이브에 다운받고 압축을 풀어보겠습니다. 님들도 따라하든 하셈 = 압축은 아무데다가 풀어주면 됨.C드라이브 안에다가 압축풀음. 맥북도 마찬가지입니다 맥OS 버전 다운받아서 압축풀으십시오. 찾기쉽게 문서폴더 아니면 finder에서 cmd + shift + h 하면 나오는 '님유저이름폴더' 이런 곳에 압축푸는게 어떨까요 .. 2024. 11. 18. [Next.js] 삭제 기능 만드는 방법 (3) 애니메이션 추가 해주기1. 애니메이션 동작 전, 동작 후의 CSS 스타일을 생각해보고2. 애니메이션 동작 전 스타일 넣어주고3. transition 스타일도 넣어주고 4. 원하는 시점에 애니메이션 동작 후 스타일을 넣기1) 박스 투명도가 1에서 0으로 감소하는 애니메이션 동작 전은 opacity : 1, 동작 후는 opacity : 0 ( 완전한 투명 )젤 큰 박스인 list-item 에다가 스타일링 동작 후는 opacity : 0 = Ajax 끝났을 때 주고싶음. onclick 에 파라미터 e 붙이기 이렇게 써주기. 서버로 데이터를 보내는 다른 방법 fetch 를 쓸 땐 저렇게 body 써서 데이터를 실어보낼 수 있고 form 태그를 쓰면 input 태그를 이용해서 데이터를 보낼 수 있다. 2024. 11. 17. [Next.js] 삭제 기능 만드는 방법 (2) listItem.js 에서 삭제기능 구현하기7) 삭제 버튼 누르면 서버로 삭제 요청 보내기ajax 의 fetch() 라는 함수 이용.삭제버튼을 누르면저 URL (/api/post/delete = 서버경로) 로DELETE 메소드로 요청을 보내기.8) 서버경로에 맞는 파일 생성/api/post/delete서버 파일 생성.컴포넌트도 채워주기.9) 서버에 글 삭제 코드 짜기서버에 DB 글 삭제하라고 지시(요청)해야하니서버 파일 안에는 DB글 삭제할 수 있도록 코드 짜야함.= deletOne() = document 하나 삭제.누가 이 서버로 요청을 하면DB에 있는 글을 삭제할 수 있게끔 하는게 서버의 역할if 조건문 사용해서 Delete 요청을 받았을 경우를 써주기. DB 갖고오는 코드 작성해주고deletOne함.. 2024. 11. 16. 이전 1 2 3 4 다음 728x90
