본문 바로가기
[js] 자료형 자료형(type) : 값을 성질에 따라 분류한 것원시 자료형 : 한번에 단 하나의 값만 가질 수 있는 타입✔️ 반대로 말하면 동시에 여러 개의 값을 가질 수 없다 let age = 25, 30; // error : 문법오류 2024. 12. 10.
[js] const const age = 25;console.log(age);// 25상수는 절대 변하지 않는 값을 저장할 때 사용하는 이름인 건 알겠고 "불변"이라는 뜻을 가진 constant라는 단어에서 유래됨..  값을 초기화하지 않고, 상수만 선언한 예시//값을 초기화하지 않고, 상수만 선언한 예시// const age; // error : 상수 선언과 함께 반드시 초기화를 해야한다age = 25; 나중에 값을 변경할 수 있다면 'let'이 올바른 선택임let age = 25;age = 30;  ✔️ 절대 재할당되지 않는 변수(ex, 상수)에는  'const'를 사용하기✔️ 나중에 프로그램에 값이 변경될 수 있는 경우 'let' 사용하기✔️ 최신 js에서는 'var' 사용은 피해야함 -> 버그로 이어짐 2024. 12. 10.
FileInputStream, File, messageSource.getMessage FileInputStream fis = null;File file = null;- FileInputStream : 파일 데이터를 바이트 단위로 읽어들이기 위한 클래스 ex) 텍스트 파일, 이미지 파일, 바이너리 데이터 등 File :  파일이나 디렉토리를 나타내는 클래스  null로 초기화  == 파일 입력 스트림과 파일 객체를 아직 생성되지 않았음을 나타낸다 ➡️ 이 방식은 try - catch - finally 구조에서 자원을 명확히 정리(close)하기 위해 사용된다  -- messageSource.getMessage 는 import org.springframework.context.MessageSource;​ 를 import 했는데 spring framework에서 국제화(i18n)와 메시지 관리.. 2024. 12. 4.
module not found라고 뜰 때 (node:13028) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.(Use `node --trace-deprecation ...` to show where the warning was created)(node:13028) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'set.. 2024. 12. 2.
[js] var보단 let으로 변수 선언 var로 이용한 변수 선언은 let과는 달리 이름을 중복해 선언해도 실행할 수 있다 변수를 선언하면서 같은 이름을 또 쓸 수 있도록 허용하면, 코드가 많아지고 복잡해질 때 실수할 가능성이 커진다키워드 var는 이러한 기능 외에도 여러가지 독특한 특징을 갖고 있다 var를 사용하면 혼란을 야기하고 코드의 복잡도를 높이는 까닭에 가급적 변수 선언 키워드로 let를 사용해야한다 2024. 8. 18.
Ajax 자바스크립트를 이용해서 비동기식으로 서버와 통신하는 방법을 말한다 비동기 : 여러가지 일이 동시에 발생한다는 뜻으로 서버와 통신하는 동안 다른 작업을 할 수 있다는 의미ex) 화면을 갱신하지 않고 서버로부터 데이터를 가져오는 방법  💡한 화면에 두 가지 내용을 독립적으로 표현하는 경우에 사용한다 * Ajax를 사용하지 않고 화면 전체를 불러오게 되면 페이지가 새로 로딩되어 정보를 다시 작성해야 한다   $.ajax({ url:'요청 url 주소를 입력합니다' // URL은 필수 요소이므로 반드시 구현해야하는 PROPERTY이다 [,Options] // 다양한 속성들 중에서 피룡한 option을 선택해서 구현한다 ('[]'는 반복해서 사용할 수 있다는 의미이다) });속성설명data서버에 전송.. 2024. 8. 1.
JS VS Jquery js : 웹 브라우저에서 실행하는 스크립트 언어jquery: 자바스크립트의 생산성을 향상시켜주는 자바스크립트 라이브러리, 자바스크립트를 좀 더 쉽게 사용하기 위해 만들어짐  자바스크립트jQuerydocument.getElemnentById("id")$(id) jQuery를 불러오는 방법 2. 파일을 다운로드해 사용하는 방법=> 정확한 경로 설정이 필요하며 해당 경로에 파일이 반드시 존재해야한다/jQuery.com/download.에 접속하여 jQuery 소스 로드를 다운로드한다그리고 다운로드한 소스파일을 서버에 업로드 한 후 웹 페이지 안에서 경로에 맞게 작성한다 2024. 8. 1.
검색 엔진 최적화와 HTML 검색엔진 최적화 : 웹 페이지 검색 엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹 페이지를 구성해서 검색 결과의 상위에 나올 수 있도록 하는 작업 자신이 만든 웹 사이트가 웹 크롤러에 잘 걸리게 하기 위해서 검색 엔진 최적화를 위한 도입 페이지를 별도로 만들기도 하고, 마크업 할 때는 태그를 활용하여 웹 사이트의 요약 정보를 작성하고 불필요한 이미지를 줄이고 태그를 사용하여 제목에 표시한다  태그에 중요한 키워드를 작성하고 태그에 alt 값을 넣는 등 콘텐츠를 의미 있는 태그로 구조화하여 작업한다 * 태그는 브라우저에 보이는 내용은 아니지만 검색 엔진 최적화를 하는데 중요한 태그이며 하나의 웹 사이트 정보를 담는 중요한 태그이다 2024. 7. 29.