javascript2 node.js 프로젝트 생성 및 설정, 핸들러 3개 구현 및 연결 요구사항Node.js 서버 작성(server.js)- 핸들러 3개 구현1. 메인 페이지 요청 - lh:3-/ -> index.html 페이지 응답2. 언어 감지 요청 API - lh:3-/detect 요청 시 언어 감지 결과 응답3. 번역 요청 API - lh:3-/translate 요청 시 번역 결과 응답-> 2, 3번은 Thunder Client 툴로 테스트# app.js와 server.js 연결 프로젝트 초기화 및 의존성 설치프로젝트 생성 및 초기화npm init - y의존성 설치npm install superagent expressTailwindCSS 설정TailwindCSS CDN 추가public/index.html 파일의 태그 내에 TailwindCSS CDN을 추가합니다. .. 2024. 7. 16. javascript | api, app, server 관계 api.jsapi 요청 및 응답을 처리하는 로직. 여기서는 서버와 통신하기 위해 필요한 비동기 함수들, ex) 데이터 감지 및 번역 요청 등을 작성한다. 보통 이 파일에는 ‘fetch’나 XMLHttpRequest’를 사용하여 서버와의 통신을 수행하는 함수들이 정의되어 있다.app.js클라이언트 사이드 로직을 포함한다. 여기서는 사용자 인터페이스와의 상호작용을 처리하며, 주로 이벤트 리스너, DOM조작, 그리고 api.js에 정의된 함수 호출을 포함한다. 사용자 입력에 따라 적절한 api호출을 수행하고, 결과를 ui에 반영한다.server.js이 파일은 서버 사이드 로직을 포함하며, 서버를 설정하고 클라이언트로부터의 요청을 처리하는 역할을 합니다. 보통 Express.js와 같은 프레임워크를 사용하여 서.. 2022. 10. 27. 이전 1 다음
