분류 전체보기38 [Javascript] 자바스크립트 주요 특징 및 개념 JavaScript JavaScript는 동적인 웹 페이지를 만들기 위해 사용되는 프로그래밍 언어로, 이벤트(클릭, 입력 등) 에 반응하여 사용자와 상호작용이 가능하며, HTML 및 CSS와 함께 사용됩니다. 또한 다양한 라이브러리와 프레임워크가 JavaScript를 기반으로 구축되어 웹 개발의 효율을 높아지고 있습니다. 📌 주요 특징 및 개념 동적인 웹 페이지 제작 이벤트 기반 프로그래밍 객체 기반 프로그래밍 가변적인 데이터 타입: 변수의 데이터 타입을 동적으로 결정, 문자열, 숫자, 배열, 객체 등 데이터 타입을 지원 함수 지원: 브라우저와 상호작용: DOM을 통해 HTML 문서의 구조를 조작, BOM을 통해 브라우저 창과 관련된 기능을 조작 서버 측 프로그래밍:Node.js와 같은 환경을 사용하여 .. 2023. 10. 17. [React] React Ajax 활용 프로젝트를 진행할 폴더 생성 (예, ajax_prac) $ npx create-react-app '프로젝트명' App.js 에 아래 예시 처럼 코드를 작성했습니다. 먼저 하드 코딩 후, react의 함수형 컴포넌트로 변경하겠습니다. import "./App.css"; function App() { return ( Hello React example 1 example 2 example 3 title desc ); } export default App; 제목과 nav메뉴, 메뉴 선택시 변경되는 하위 아티클의 제목과 내용의 구조입니다. 함수형 컴포넌트로 변경 https://jsonplaceholder.typicode.com/users → 해당 json 데이터를 이용하여 리스트에 출력하겠습니다. 컴포넌트 생성 .. 2023. 10. 9. [Express] 익스프레스란? Express Express는 Node.js를 위한 웹 애플리케이션 프레임워크로, 서버 사이드 애플리케이션을 구축하는 데 사용. 참조 : https://expressjs.com/en/starter/installing.html ⭐️ Express의 특징 라우팅 (Routing): HTTP 요청 메서드(GET, POST, PUT, DELETE 등)와 URL에 따라 특정한 동작을 수행하는 라우팅을 지원 → app.get(), app.post()와 같은 메서드를 사용하여 라우트를 정의할 수 있음. 미들웨어 (Middleware): 미들웨어는 Express 애플리케이션에서 HTTP 요청 및 응답의 중간 단계에서 실행되는 기능. (로깅, 인증, 데이터 파싱 등) 미들웨어는 app.use() 메서드를 사용하여 등록... 2023. 10. 9. [Axios] 액시오스란? Axios Axios는 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트 라이브러리. 주로 웹 앱에서 서버와의 HTTP 요청을 보내거나 데이터를 받아올때 사용. → 요청 /응답이 간편함 참조 : https://axios-http.com/kr/docs/intro ⭐️ Axios의 특징 간편한 API: Axios의 API는 쉽고 직관적이며, HTTP 요청을 만들고 응답을 처리하는 데 필요한 다양한 기능 제공. Promise 기반: Axios 요청은 Promise를 반환하므로, 비동기 코드를 작성이 쉬움. 자동 변환: Axios는 자동으로 JSON 데이터를 자바스크립트 객체로 변환. 인터셉터 제공: Axios는 요청이나 응답을 보내기 전후에 수정할 수 있는 인터셉터를 제공. (글로벌한 수.. 2023. 10. 8. 이전 1 ··· 5 6 7 8 9 10 다음
