front-end23 [리액트] 생활코딩- 리액트 설치, 특징, 배포, 함수 형태 리액트 설치 1. node.js설치 2. vsCode 설치 - https://code.visualstudio.com/#alt-downloads - 64비트 3. 한글로 설치 4. 보기- 터미널 리액트 특징 * Router를 통해서 안에 있는 화면을 바꿔줍니다. * 자바스크립트를 사용하지 않습니다. * hook을 지원합니다. * 싱글뷰 application이라고도 한다. index.html 한장으로 사용합니다. 실행 과정 & 구조 1. 터미널 열기 2. 폴더 생성 : npx create-react-app 폴더이름 입력 ex) npx create-react-app begin-react 3. 개발환경 실행 : npm start 4. 서버 끄기 : ctrl+C 누르면 서버 끌 수 있습니다. 5. 현재창/ 새창 .. 2023. 3. 7. [bootstrap] 부트스트랩 사용법 🎈부트스트랩은 코드는 구글링하거나 도움되는 사이트에서 참조해서 잘 배치해주는 것이 중요합니다. 구글링 login화면 구현시 bootstrap login 이라고 검색 checkbox화면 구현시 bootstrap checkbox라고 검색 참조 사이트 1. https://mdbootstrap.com/docs/standard/extended/login/ Bootstrap Login Form - free examples, templates & tutorial Responsive login form built with Bootstrap 5. Collection of examples for signup forms, full page login templates, login modals & many other sign.. 2023. 2. 22. [JDBC] JDBC란? JDBC란? https://dyjung.tistory.com/50 JDBC - JDBC란? JDBC- Java Database Connectivity- 자바에서 DB 프로그래밍을 하기 위해 사용되는 API ==> 데이터베이스 종류에 상관없다. JDBC API 사용 어플리케이션의 기본 구성 - JDBC 드라이버 : 각 DBMS에 알맞는 클라이언 dyjung.tistory.com - 자바에서 DB 프로그래밍을 하기 위해 사용되는 API ==> 데이터베이스 종류에 상관없다. 오라클, MS SQL 상관없이 구동할 수 있다. 오라클이나 MS SQL에서 JDBC드라이버를 다운 받아서 JAVA언어로 쓸 수 있다. JDBC 작업 순서 JDBC가 가지고 있는 기능은 없고, 실제 기능은 DRIVER가 가지고 있다. 1. .. 2023. 2. 9. [Ajax] Ajax 비동기방식 개념 https://www.youtube.com/watch?v=nKD1atl6cAw&t=37s 참조 Ajax (Asynchronous JavaScript and XML) 자바스크립트를 이용해서 비동기식으로 XML을 이용하여 서버와 통신하는 방식 최근에는 XML 보다 JSON을 더 많이 사용한다. 비동기식이란 여러가지 일이 동시적으로 발생한다는 뜻으로, 서버와 통신하는 동안 다른 작업을 할 수 있다는 의미 Ajax 언어 해석하기 비동기 : Asynchronous 프론트엔드에서 페이지 전환 없이 웹서버와 통신하는 것 웹에서 실시간으로 문서편집, 지도도 보는 등의 기능을 할 수 있는데, Ajax라는 비동기로 서버와 통신할 수 있는 기술이 있기 때문이다. 서버 유저가 데이터 요구하면 데이터 보내주는 프로그램 ex) .. 2023. 2. 8. [JSP] JSP의 개념 jsp란? JSP 란 JavaServer Pages 의 약자이며 HTML 코드에 JAVA 코드를 넣어 동적웹페이지를 생성하는 웹어플리케이션 도구이다. JSP 가 실행되면 자바 서블릿(Servlet) 으로 변환되며 웹 어플리케이션 서버에서 동작되면서 필요한 기능을 수행하고 그렇게 생성된 데이터를 웹페이지와 함께 클라이언트로 응답한다. Servlet : java안에 html 코드 넣어놓은것 (복잡) jsp : html코드 안에 java 넣어놓은것 (더 쉬움) 참조: https://javacpro.tistory.com/43 scriptlet java 코드영역을 일컬어 scriptlet이라고 한다. jsp의 스크립트 scriptlet은 3가지 영역으로 나눠진다. 1. 선언부 : 변수 선언, 메서드 선언 전역(g.. 2023. 2. 8. [servlet] servlet 개념 알기, GET/POST, Session 🎁서블릿이란? 클라이언트의 요청을 처리하고, 그 결과를 반환하는 Servlet 클래스의 구현 규칙을 지킨 자바 웹 프로그래밍 기술 간단히 말해서, 서블릿이란 자바를 사용하여 웹을 만들기 위해 필요한 기술입니다. 그런데 좀더 들어가서 설명하면 클라이언트가 어떠한 요청을 하면 그에 대한 결과를 다시 전송해주어야 하는데, 이러한 역할을 하는 자바 프로그램입니다. 예를 들어, 어떠한 사용자가 로그인을 하려고 할 때. 사용자는 아이디와 비밀번호를 입력하고, 로그인 버튼을 누릅니다. 그때 서버는 클라이언트의 아이디와 비밀번호를 확인하고, 다음 페이지를 띄워주어야 하는데, 이러한 역할을 수행하는 것이 바로 서블릿(Servlet)입니다. 그래서 서블릿은 자바로 구현 된 *CGI라고 흔히 말합니다. 사용자(클라이언트)가.. 2023. 2. 6. 이전 1 2 3 4 다음
