잘하자 IT

Javascript란?  자바스크립트란 웹 페이지에 동적인 기능을 추가하기 위해서 사용되는 프로그램 언어이다 Javascript는 웹 브라우저에서 실행된다. 사용자가 웹 페이지와 상호작용할 때 즉각적인 반응을 제공해준다.  또한 AJAX를 통해서 비동기적으로 데이터를 주고 받을 수 있다.  자바스크립트 데이터 타입 :  Data Types :여섯 개의 Primitive Type과 한 개의 오브젝트 타입이있다. Number(숫자) String (문자열)Boolean(논리연산)undefinednull Symbol  Object 객체 타입 데이터 타입을 알고싶을 떈 (typeof 변수명);을 통해서 확인할 수 있다.  String 타입 문자열 안에 '  '표 넣기" "안에 넣는다. " ' ' "    Hois..

플렉스 박스는 각 요소들을 배치하는 기법이다 사용자들 마다 화면 크기가 다른 경우(기기마다)Flexbox를 통해서 웹사이트의 요소들을 배치하기 쉽게 만들어준다.   flexbox 사용 방법  display: flex;를 사용한다  이때 사용하고 싶은 요소에 직접 추가하는 게 아닌 부모요소에 display:flex를 사용한다. 즉 display: flex;를 사용하게 되면 해당 컨테이너 내의 모든 자식 요소들은 flex 아이템이 된다.  Flex는 기본족으로 가로축이 메인으로 잡힌다 flex-direction : row : 메인 축을 가로 방향으로 정할 수 있다 [해당 값은 기본 값이다]row-reverse: 메인축 가로 방향으로 정하되 역 방향이 된다. column: 메인 축을 세로 방향으로 정한다. c..

드디어 KH 정보교육원 파이널 프로젝트에 들어서게 되었다.나는 파이널 프로젝트 기능구현을 하기 전 스프링 개념을 정리하는 중이다 그래서 request객촤 session 객체 차이점을 정리를 해보고자한다.  먼저 request 객체는 식당으로 비유하자면 직원한테 하는 주문 같은 거다.직원한테 주문을 하게 된다면 종업원은 포스기에 주문 내용을 적고하나에 주문번호가 생성되고 그 주문 번호를 통해서테이블 번호 메뉴이름 등등 포함해서 주문이 들어가게 된다. 즉 단일한 요청이다.  다음은 session 객체이다. session 객체는 사용자의 상태를 일정 기간 동안 유지를 하는 객체이다 식당 안에서 한 사용자가 있는 동안에 벌어지는일을 기억하고 관리를 하는 포스기 같은 역할을 한다.한 사용자가 해당 테이블에서 주문..

mybatis-config.xml : 경로/프로젝트명/src/main/resources/mybatis-config.xml    settings MyBatis의 동작 방식을 설정하는 요소이다  jdbcTypeForNull : MyBatis에서 NULL 값을 처리할 때 사용하는   JDBC 타입을 설정하는 요소이다   value= "NULL" : 대문자로 작성할 것    데이버테이스에서 NULL값을 처리할 때 이 설정에 따라 타입을 적용한다   /spring/src/main/resources/mappersmapper.xml 등록을 한다.    m.kh.spring.member.model.vo.Member"/> m.kh.spring.board.model.vo.Board"/> m.kh.spring.board...

요청 전 처리 (preHandle)클라이언트의 요청이 컨트롤러에 도달하기 전에 실행되는 메서드입니다.이 메서드에서 true를 반환하면 다음 처리(컨트롤러 메서드 실행)로 넘어가고, false를 반환하면 더 이상 요청 처리를 진행하지 않고 응답을 바로 반환합니다.주로 로그인 체크, 권한 확인 등의 작업을 수행합니다. @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { // 로그인 여부 확인 HttpSession session = request.getSession(); if (session.getAttribute("loginUser"..

pom.xml : 경로 /프로젝트/pom.xml - groupId -> 프로젝트가 속한 그룹이나 조직을 식별하는 고유한 ID  artifactId -> 프로젝트 자체를 식별하는 이름을 이야기한다.  name -> 주로 프로젝트의 설명이나 이름을 명시한다.  version -> 프로젝트의 버전을 이야기한다.  packaging-> 패키징 유형을 선택 [war]  4.0.0 com.kh spring springProject 0.0.1-SNAPSHOT war  11 5.3.33 1.6.10 1.6.6 자주 사용되 것들을 변수처럼 정의해두고 다른 곳에서 재사용하는 것  Dependencies : 태그 안에서 이 프로젝트가 사용하는 다양한 외부 라이브러리들을 선언한 것  Build 설정  태그에서는 프로젝트의 빌..

DI : Dependency Injection DI란 사용하는 객체를 직접 생성하여 만드는 것이 아니라 컨테이너가 빈의 설정 정보를 읽어와 자동으로 해당 객체에 연결하는 것을 의미한다. 의존성을 주입 받게 되면 이후 해당 객체를 수정해야 할 상황이 발생했을 때 소스 코드의 수정을 최소화할 수 있다.  DI 장점 -개발자가 작성해야 할 코드가 단순해진다. 각 객체 간의 종속 관계(결합도)를 해소할 수 있다.  객체간의 종속 관계(결합도) : 한 클래스에서 필드 객체를 생성할 때 발생하는 두 객체간의 관계를 나타냄 각 객체간의 내용이 수정될 경우 영향을 미치는 정도를 의미한다.   Annotation @Annotation 종류 – Bean 등록 시 사용 @Component - 객체(컴포넌트)를 나타내는 일반..

Framework : 개발자가 소프트웨어를 개발함에 있어 코드를 구현하는 개발 시간을 줄이고 코드의 재사용성을 증가시키기 위한일련의 클래스 묶음 뼈대, 틀을 제공하는 라이브러리를 구현해 놓은 것이다 라이브러리와 프레임워크 차이점프레임워크 : 애플리케이션을 개발할 때 필요한 기본적인 구조와 규칙을 제공한다. 개발자가 그 틀 안에서 코드를 작성하고,프레임워크가 전반적인 흐름을 제어한다.  라이브러리 : 특정 기능을 구현한 코드 묶음으로 개발자가 필요할 때 호출하여 사용하는 도구이다 주된 흐름과 제어는 개발자가 주도하며 필요한 기능을 구현하기 위해 라이브러리를 호출한다.  프레임워크 장점 및 단점 : 장점 :1. 개발 시간을 줄일 수 있다. 2. 정형화 되어있어 일정 수준 이상의 품질을 기대할 수 있다3. 유..

import { useState } from "react";import TodoItem from "./TodoItem";function TodoList() {    const [todoList, setTodoList] = useState([]);    const [inputValue, setInputValue] = useState('');    const addTodoItem = () => {                 const newTodo = { id: todoList.length, text: inputValue, completed: false };            setTodoList([...todoList, newTodo]);            setInputValue('');    };..

import { useState } from "react";import TodoItem from "./TodoItem";function TodoList(){  const [todoList, setTodoList] = useState([]);  const[inputValue,setInputValue] = useState('');  const todoItem = () =>{        setTodoList([...todoList, inputValue]);        setInputValue('');  }    return(                div className="todo-btn">        input type="text" value={inputValue} onChange={((e)=> ..