코딩항해기

flutter에는 webview가 두 가지 있는데 그냥 webview는 공식에서 관리하는 대신 기능이 적고 inappwebview는 서드파티앱인 대신 기능이 상대적으로 많은 webview이다. 처음에는 webview를 사용했는데 http status를 받아와서 404나 500처리를 하려니 쉽지 않아서 inappwebview로 전환했다.뭔가 코드 구조도 좀 더 간결한 느낌...! import 'package:flutter/material.dart';import 'package:flutter_inappwebview/flutter_inappwebview.dart'; // InAppWebView 패키지 가져오기void main() { runApp(const Webview()); // 앱 실행}class Web..

앱 내에서 웹페이지 띄우기 (WebView 활용) dependenciesdependencies: flutter: sdk: flutter cupertino_icons: ^1.0.8 #WebView 의존 추가 webview_flutter: ^4.12.0 dart codeimport 'package:flutter/material.dart';import 'package:webview_flutter/webview_flutter.dart'; //webviewvoid main() { runApp(const Webview());}class Webview extends StatelessWidget { const Webview({super.key}); @override Widget build(Buil..

파이썬 프로젝트 진행 전 파이썬 복습으로 코드 분석 진행data = input('입력한 값 :') #사용자에게 '입력한 값 :' 문구를 보여주고 입력받은 값을 data 변수에 저장한다.print(data) #data 변수에 담긴 값을 출력한다.print(type(data)) #data 변수의 타입을 출력한다. import csv #csv 모듈을 사용한다.file_path = 'test.csv' #file_path 변수에 test.csv 경로를 저장한다. with open (file_path, mode='r') as file : #file_path에 저장된 경로에 있는 파일을 읽는 모드로 열며, 이를 file이라고 한다. reader = csv.reader(file) #csv 모듈을 ..

React todo list 시작하기 - Web 개발 학습하기 | MDN여러분이 React로 개념 증명을 만드는, 곧 사용자가 원하는 작업을 추가, 편집, 그리고 삭제할 수 있으며, 작업을 삭제하지 않고 완료로 표시할 수도 있는 앱을 만드는 작업을 맡게 되었다고 가정developer.mozilla.org  예제 코드를 적용해 보며 구조에 대해 파악하고 있는데 아직은 적응이 어렵다...vscode 재활하면서 터미널도 함께 익히고 있는데 터미널에 대한 이해가 더 필요할 것 같다.

기존 MultipartFile를 연습할 때 기능 구현은 거의 마쳤기 때문에 해당 실습에서는 흐름을 정리하고 유효성 검사 추가와 자잘한 에러를 수정하는 위주로 진행했다.  [Spring] 파일 입출력 MultipartFileMultipartFile을 사용해 이미지 파일을 업로드할 수 있다.먼저 MultipartFile로 이미지 파일을 업로드 받기 위해서는 몇 가지 환경을 조성해야한다. DTO에 MultipartFile을 타입으로 갖는 필드 추가해당 필minibcake.tistory.com  문제먼저 3가지의 문제가 있었다. 1. 수정할 사진을 넣지 않고 사진 업로드를 누르면 500번 대 에러가 발생하는 문제2. 작성자가 아닌 글의 사진도 수정할 수 있는 문제3. 사진이 없는 글을 들어가면 500번 대 에러..

수업 시간 진행한 실습 기록을 남기려다가 설계 수정하느라 업로드를 깜빡 잊었다.. ㅜㅠ AOP를 활용해 요청 사항을 만족한 로그를 찍기 1. 서비스 기능에 반환이 있는 경우, 그 반환값이 배열인 경우에는 아무일이 발생하지 않지만, 그 반환값이 DTO일 때 어떤 DTO인지 로그로 안내 2. CUD에 대해서 전에 DB 접근 발생! 후에 DB 변경 완료! 로그로 안내 실습 풀이에서는 CRUD에 접근한 후 JoinPoint로 메서드 명을 받아와 검사하는 방식을 사용했는데, CUD에 대해서라는 말이 있어서 반환 타입이 boolean인 메서드만 접근하는 방식으로 풀었다.  Advice조건에 맞춰 해당 로그를 실행한다.@Service //bean 등록 @Aspect@Slf4jpublic class LogAdvice ..

[과제/Spring] 수업 실습 코드에 게시글 검색 추가하기기존 수업을 진행하던 spring 프로젝트에 게시글 검색 기능을 추가할 예정이다.계속 개인 실습해오던 코드와 대체로 유사한데 테이블이나 DTO나 조금씩 다른 부분이 있어서 수업 진행 코드로 대체minibcake.tistory.com 기존에 페이지 이동 방식으로 구현했던 검색기능을 비동기 방식으로 변경한다. 원래,,, checkNull.js 재사용성을 위해 여러 input태그를 검사했는데 로직을 추가하면서 변경했다.//check-null 요소가 빈 값이라면 form 전송을 막는 JS//재사용성을 위해 요소가 여러 개 일 수 있다고 가정//버튼 클릭, Enter 검증window.onload = ()=>{    const check = document..

현재 실습 테이블에서 id값을 PK로 사용하고 있으므로 중복된 아이디로 회원가입을 시도하면 false가 뜰 수 밖에 없다.이러한 상황을 미리 방지하기 위해 유효값 검사(id 중복검사)를 통해 미리 사용자에게 고지할 수 있다. 해당 기능을 구현할 예정이며, id 중복검사를 통과하지 못했을 시에는 회원가입을 진행할 수 없도록 한다. 먼저 회원가입을 진행할 페이지가 필요하다. 아이디 비밀번호 이름 ..

기존 수업을 진행하던 spring 프로젝트에 게시글 검색 기능을 추가할 예정이다.계속 개인 실습해오던 코드와 대체로 유사한데 테이블이나 DTO나 조금씩 다른 부분이 있어서 수업 진행 코드로 대체했다. (환경통일) 검색 기능 구현하기검색은 작성자 검색, 게시글 내용 검색 두 가지비동기 (페이지이동X)가 아닌 페이지 이동 방식으로 구현추가로 작성자 id가 아닌 이름으로, 검색어가 유지되도록 구현하려고 한다.  현재 검색종류와 검색어를 입력 받는 부분이 없으므로, View에 해당 form을 추가했다. 작성자 내용 검색 ${data} '${boardDTO.keyword}'에 대한 검색 결과가 없습니다.  만약 condition과 keyword에 대한 데이터가 있다면 (=이미 검색을 한 상..

로그인 기능 없이 게시글 기능을 구현한다.Controller 위주로 작성할 예정이다.게시글 작성하기게시글 목록보기게시글 상세보기 기초 세팅더보기DB구성 (테이블)CREATE TABLE BOARD( NUM INT PRIMARY KEY AUTO_INCREMENT, -- 자동 증가 TITLE VARCHAR(30) NOT null, -- 제목 CONTENT VARCHAR(30) NOT NULL -- 내용); JDBC (DAO)@Repositorypublic class BoardDAO { private final String SELECTALL = "select NUM, TITLE, CONTENT from board"; private final String SELECTONE = "SELECT NUM, T..