사용자 테이블CREATE TABLE `users` ( `id` INT(11) NOT NULL AUTO_INCREMENT, `user_id` VARCHAR(255) NOT NULL COLLATE 'utf8mb4_uca1400_ai_ci', `user_password` VARCHAR(255) NOT NULL COLLATE 'utf8mb4_uca1400_ai_ci', `user_name` VARCHAR(255) NOT NULL COLLATE 'utf8mb4_uca1400_ai_ci', `email` VARCHAR(255) NOT NULL COLLATE 'utf8mb4_uca1400_ai_ci', PRIMARY KEY (`id`) USING BTREE, UNIQUE INDEX `user_id` (`user_id..

React 기초 문법 요약1. React.DOM(tag,target)2. tag 내부 변수선언 {변수}3. return jsx를 인식 못 할 수 있으니 ( ) 감싸주기4. return 연속 사용 못함5. 반드시 닫는 태그 작성해야 함6. style 속성은 문자열로 표현 못 함: {prop:val,prop:val..} 7.component정의하기 - 함수로 정의하기: Hooks 기능을 통해 state와 라이프사이클 사용가능->클래스컴포넌트와 완전 똑같이 사용은 못함 - 클래스로 정의하기:state와 라이프사이클 사용가능 - 화살표 함수로 정의하기8.상태 정의하기 - this.state, this.setState() , contructor 초기화9.이벤트구현 -onclick ---> onClick..

REST API 구현하기REST란?Representatinal State Transfer 의 약자로 자원을 이름으로 구분한 상태(정보)를 주고 받는 것을 말한다. 자원(Resource): 소프트웨어가 관리하는 모든 것 ( 데이터, 이미지, 문서 등등)표현(Representation): 해당 자원을 표현하기 위한 이름( students : [학생정보…] ) 상태 전달 : 클라이언트에서 정보를 요청하면 해당 정보를 ( students : [학생정보…] ) 이런 상태로 전달한다. 이때 데이터의 타입은 XML, JSON이다. REST의 개념어떤 자원에 대해 CRUD 연산을 수행하기 위해 URI(Resource)로 GET, POST 등의 방식(Method)을사용하여 요청을 보내고, 요청을 위한 자원은 특정한 형..

요구사항 분석 및 정의DB 설계화면 설계 구현DB구현프로젝트 템플릿 구현DTO 구현DAO 구현웹페이지 및 컨트롤러 구현테스트(단위,통합T)드라이버 로딩DB연결쿼리준비쿼리실행쿼리결과받기DB닫기 ▫︎ 기본게시판 (기능정의)글 쓰기 : insert글 삭제 : delete글 수정 : update글 상세 : select~where글 목록 : select 전체컬럼명(물리)컬럼명(논리)사이즈타입Seq[PK]글번호-INTId아이디20VarcharTitle글제목2000VarcharContent글내용4000Varcharregdate작성일-DATECREATE TABLE hkboard ( seq INT PRIMARY KEY NOT NULL AUTO_INCREMENT , id VARCHAR(10) NOT NULL, t..

- CCC앱과 유사한 상태로 파일을 읽어 TinyDB에 저장- 단어 리스트를 ListPicker에 연결- 한글을 검색해 입력- 영어 읽어주기- 사전 전체를 반복해 한글-영어로 읽어주기 2개의 TTS를 배치한다 (1은 한글, 2는 영문으로 설정) 검색버튼과 스피커버튼은 버튼에 이미지를 업로드 해 구현시킨다- 사전 파일은 utf-8로 인코딩된 csv 파일 사용- 두 개의 TTS 활용 > 한국어 영어로 읽기- Clock을 사용해 일정한 간격으로 사전 내용을 하나씩 가져옴- Delay() 프로시저 > 프로그램의 진행을 지연시킨

즐겨찾기 사이트를 접속할 수 있는 어플WebViewer, Spinner 사용다음과 같이 디자인 한다1. 앱이 시작되면 Spinner의 내용을 만들고, WebViewer의 HomeUrl을 naver.com으로 한다2. 스피너에서 항목을 선택하면 웹뷰어가 그 페이지를 보여준다3. TextBox에 주소를 입력하고 버튼을 누르면 그 웹페이지를 보여준다 Spinner의 Elements를 리스트를 만들어 저장하고WebViewer의 HomeUrl을 https://naver.com 으로 저장한다. Spinner가 선택되면 WebViewer의 url을 선택한 주소로 이동한다btn을 누르면 WebViewer의 url을 TextBox.Text로 이동한다spinner를 통해 웹사이트 접속직접 검색해서 접속 한 모습