dev (31) 썸네일형 리스트형 [React] 리액트와 같은 프론트엔드 프레임워크가 필요한 이유? Udemy에서 를 수강하며 공부한 내용입니다. 리액트와 같은 프론트엔드 프레임워크가 존재하는 이유는 뭘까?그냥 Vanilla JavaScript를 사용하면 안 되는 걸까? 과거에는- 모든 웹사이트가 서버에서 렌더링되며 백엔드와 밀접하게 구동됐다. (server-side rendering)- 서버/백엔드에서 렌더링 완료한 후 → 브라우저를 통해 단순히 클라이언트/프론트에 보여주기만 함- jQuery가 널리 사용됨 Single-Page Application(SPA)의 등장- 클라이언트에서 렌더링 (client-side rendering)- 더이상 '웹 페이지'가 아닌 '웹 어플리케이션'으로서 작동하게 됨- 하나의 페이지 안에서 모든 처리 → 페이지를 리로딩 하지 않음 Single-Page Applicat.. [Select2] Select2 선택박스 안에 무한스크롤 구현하기 HTML + Select2 + JQuery + C# + IBatis Select2에서 지원하는 Pagination 기능을 통해 선택박스 안에 infinite scroll 무한스크롤을 구현할 수 있다. 공식문서 참고 https://select2.org/data-sources/ajax Ajax (remote data) | Select2 - The jQuery replacement for select boxes Ajax (remote data) Select2 comes with AJAX support built in, using jQuery's AJAX methods. In this example, we can search for repositories using GitHub's API: In your HTM.. [ASP.NET + IBatis + Oracle] DB 환경설정, IBatis로 데이터베이스 연결 예시코드 구축환경 - C# - IBatis - Oracle Client 11g - ASP.NET - Visual Studio 2019 파일구조 1. NuGet으로 프로젝트에 IBatisNet.Core 패키지 설치 2. 프로젝트 최상위에 providers.config 파일 생성 내가 작성한 코드는 Oracle Client 11g 기준으로, 다른 방법을 사용한다면 다른 provider를 작성해주어야 한다. 아래 파일에서 맞는 provider를 찾아 복사해주면 된다. 해당 파일 원본은 https://code.google.com/archive/p/mybatisnet/download에서 IBatis.DataMapper.1.6.2.bin.zip 폴더를 다운로드 받으면 찾을 수 있다. Google Code Archive - .. [C#] 자료형 유투브에서 C# 교과서 마스터하기를 수강하며 기억할 만한 내용을 메모해둔 글입니다. https://youtube.com/playlist?list=PLO56HZSjrPTB4NxAsEP8HRk6YKBDLbp7m&si=ZN3cbJNGHKX-a5cb C# 교과서 마스터하기 - C# 11.0 무료 강의 - 마이크로소프트 공인 강사 출신의 Microsoft MVP가 저자 직 👋안녕하세요! 저는 C# 교과서 책의 저자 및 이 강좌의 주도자, 박용준 강사입니다. 📘 "C# 교과서 마스터하기"는 C# 프로그래밍 언어에 대한 전반적인 이해를 돕기 위해 준비된 강의 재생목록입 www.youtube.com const - 상수 (변수x) true, false - 변수에 할당할 때는 소문자, 출력은 대문자 - ex) bool b.. [Apache Tomcat] 아파치 톰캣 설치하고 실행해보기 톰캣 서버를 사용해보좡,, 1. .아래 링크 접속해서👇 Tomcat 다운로드 https://tomcat.apache.org/ 원하는 버전 선택 2. 다운로드 받은 파일 실행해서 설치 시작 3. 설치 타입 Full로 지정 (전체선택) (톰캣의 포트 번호는 8080임을 확인할 수 있다) 4. JRE 설치된 경로 선택 버전 8 이상의 JRE가 필요하다. 로컬 컴퓨터에 자바가 어디 설치되어 있는지 알려주어야 한다. 5. 톰캣 설치할 위치 설정 6. 선택 해제하고 설치 완료 7. 내 PC 우클릭 > 관리 8. 서비스 및 응용 프로그램 > 서비스 설치한 아파치 톰캣 항목을 찾아준다. 기본으로 자동 시작되도록 설정되어 있다. 나는 부팅과 함께 항상 시작되길 원하는 게 아니기 때문에 수동으로 바꿔주었다. 9. 톰캣 실.. [Java] 자바로 Oracle DB 접속 코드 작성하기 (PreparedStatement, Connection 객체) 자바 코드로 실행한 데이터 수정은 자동으로 commit 되므로 주의하자. 이 때문에 SQL Developer 등의 다른 프로그램에서도 업데이트된 데이터를 바로 조회할 수 있다. Oracle DB에 접속하기 위해서는 다음과 같은 과정을 거쳐야 한다. 1. private 필드 선언 2. 드라이버 로드 (driver load) 3. DB 접속 (Connection) 4. SQL 구문 준비 (PrepareStatement) 5. 실행 (executeQuery) 6. 접속 종료 (close) 1. 필드 선언 우선 드라이버 로딩, 접속, sql 구문 전달에 필요한 필드를 선언한다. 🔎 샘플 코드 private String driver = "oracle.jdbc.driver.OracleDriver"; //JDBC d.. [Java/Oracle] 자바 프로젝트에 OJDBC 드라이버 추가하기 자바에서 오라클 데이터베이스에 접속하려면 우선 자바 프로젝트 내에 JDBC 드라이버 (Java Database Connectivity Driver)가 필요하다. 1. JDBC Driver 다운로드 오라클 홈페이지에서 SQL Developer를 다운 받은 적 있다면 다음 경로로 ojdbc라는 이름의 jar 파일을 찾을 수 있다. 없다면 아래 링크에서 다운로드(오라클 홈페이지) 👇 https://www.oracle.com/kr/database/technologies/appdev/jdbc-downloads.html 2. 프로젝트 안에 ojdbc 파일 복사 testOjdbc라는 자바 프로젝트 안에 lib이라는 폴더를 새로 만들고 그 안에 복사해주었다. 3. ojdbc 파일 우클릭 > Build Path > Ad.. [html] 개행태그 pre 사용하기 / 엔터 없는 긴 텍스트 자동줄바꿈하기 html에서 텍스트를 출력하면 개행문자가 적용되지 않고 한 줄로 길게 출력된다. 샘플코드 enter enter enter 결과 태그를 사용하면 줄바꿈이 적용된다. 예전엔 소스코드 자체를 있는 그대로 출력하는 태그도 사용했지만 현대 웹 개발에는 사용되지 않는다. 샘플코드 enter enter enter 결과 다만 태그는 텍스트를 작성한 그대로 출력하기 때문에, 아주 긴 글을 개행 없이 작성했다면 width를 무시하고 길게 이어진다. 샘플코드 This is an example of preformatted text. It will preserve all white space and line breaks exactly as they appear in the source code. 결과 아래와 같이 width를 .. 이전 1 2 3 4 다음
