분류 전체보기104 토이프로젝트[1] - 일정관리 프로젝트 기획 1. 기본적인 일정관리 2. 매일 배경화면이 다르게 구현 3. 현재 사용자 위치와 기온 출력 4. 오늘 할일 랜덤 추천받기 (TTS text to speech) 5. 오늘 할일 음성으로 추가하기 목적 파이널프로젝트에서 외부 API를 많이 활용해봤으니, 브라우저에 있는 WEB API를 활용해보고 싶었습니다. VsCode를 사용합니다. 1. 시작 전에 드라이브에 폴더를 미리 만들어놓습니다. CODE -> TODOAPP -> resources 를 만들고 그 안에 css, icon, js폴더를 추가해놓습니다. 2. VsCode에서 TODOAPP 폴더를 열고, liver-server를 다운로드 받습니다. 3. TODOAPP 안에 todo-list.html 을 생성합니다. 4.아이콘을 활용하기 위해 Font .. 2023. 5. 19. [프로젝트] 관리자 페이지 만들기 jsp코드 Admin //admin 버튼 누르면 tripadmiin 페이지로 가라! 이 코드는 JSP(JavaServer Pages) 언어로 작성된 것으로 보입니다. 해당 코드는 id 세션 속성이 "admin"으로 설정되어 있는 경우, 관리자 페이지로 이동할 수 있는 링크를 생성하는 HTML 코드를 생성합니다. 여기서 태그는 부모 요소를 나타내며, id 속성이 "user"로 지정되어 있습니다. 이 부분은 JSP 코드와 상관이 없는 일반적인 HTML 코드입니다. 는 JSP의 스크립트릿 구문으로, Java 코드를 삽입할 수 있습니다. 해당 코드에서는 if문으로 loginsession.getAttribute("id")가 "admin"인 경우를 판별하고 있습니다. loginsession.getAttribute(.. 2023. 4. 8. [리액트] Context props를 거치지 않고 언어값처럼 프로젝트에서 전체적으로 0. props drilling? Prop Drilling은 props를 오로지 하위 컴포넌트로 전달하는 용도로만 쓰이는 컴포넌트들을 거치면서 React Component 트리의 한 부분에서 다른 부분으로 데이터를 전달하는 과정이다. prop drilling이 보통 3~5개 컴포넌트를 거치는 정도이면, 괜찮을 수 있으나, 10개 이상을 거친다면 중간 컴포넌트들은 불필요하게 prop을 받게 되어 가독성이 떨어져 유지보수가 어려워진다. 이를 해결하기 위해 전역 상태관리 라이브러리를 사용할 수 있으며, 간단하게는 context api를 사용할 수 있다. 1. context란? 리액트에서 context를 쓰는 이유는 단계마다 일일이 props를 넘겨주지.. 2023. 4. 7. [AI] 네이버클라우드 STT vs 리액트 STT 네이버클라우드 stt를 이용하게 되면, 음성을 녹음하고 저장을 할 수 있다. 저장을 한 다음 문자열로 바꿔서 DB에 저장하거나, 검색도 할 수 있다. 그란, 리액트의 stt기능은 아래와 같이 바로 문자열을 음성으로 바꾸는 단편적인 기능만 가능하다. 2023. 4. 4. [스프링, 스프링부트] GET vs POST parameter Spring MVC에서는 GET 요청과 POST 요청 모두 요청 파라미터를 전달할 수 있습니다. GET GET 요청에서는 파라미터를 URL 뒤에 ?key1=value1&key2=value2 형태로 전달합니다. 이때, key는 파라미터 이름이며, value는 파라미터 값입니다. 따라서, GET 요청에서는 파라미터 이름과 값을 ?와 &로 구분하여 URL에 추가합니다. 지역순 인기순 후기순 hotel.do로 보내는 파라미터 값은 orderBy=이 코드의 value값 지역순 : http://localhost:9003/TraballoonTiles/hotel.do?orderBy= 인기순 : http://localhost:9003/TraballoonTiles/hotel.do?orderBy=1 후기순 : http://.. 2023. 4. 2. [AI] 0330 네이버클라우드 활용하기 STT, CFR, CSS, OCR, Chat Bot 등 AI STT : Speech To Text (스피치 -> 문자열) -> CLOVA Speech Recognition (CSR) CFR : Clova Face Recognition (얼굴인식 기능) CSS : Clova Speech Synthesis (문자열->음성) : Text To Speech 유료니까 사용할 때 조심해야함 Object Detection (객체 인식) 이미지(사진) -> 인간, 표지판 OCR Optical Character Recognition (문자 인식) 이미지-> 문자 ex)신호위반 차량 인식 ChatBot 배포 1.STT 파일 전송은 post로 해야한다. 코드 Springboot React 2Object Detection (객체 인식 = 물체 인식) 이미지(사진) -> 인간, 표.. 2023. 3. 30. 이전 1 ··· 3 4 5 6 7 8 9 ··· 18 다음
