티스토리

호호

검색하기

블로그 홈

호호

1234youyou.tistory.com/m

연어먹고싶음ㅁ 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

[React] effect 이펙트란? Side Effects: 어플리케이션에서 일어나는 모든것 ex) http 리퀘스트 보내기, 브라우저 장소에 저장하는 것 UseEffect 훅 // arg1. function // arg2. 의존성 // 의존성이 변경될때만 arg1. function이 실행됨 useEffect(() => {...}, [dependencies]); useEffect 사용 목적 : 사이드 이펙트를 처리하기 위함. ex) 이메일 주소/비밀번호 입력에 대해 유효성 검사 웹, 브라우저는 다시 로드될 때마다 최근의 데이터가 사라짐 리로드될 때 데이터가 사라지지 않고 유지하기 위해서 useEffect를 사용 useEffet 사용 전, 데이터 저장 방식 import React, { useState } from 'react'; import.. 공감수 0 댓글수 0 2023. 1. 16.
계층형 게시판 만들기/ mysql 테이블 만들기 1 테이블 생성 CREATE TABLE `new_table` ( `CODE` int NOT NULL AUTO_INCREMENT, `UP_CODE` int DEFAULT NULL, `GROUP_ORD` int DEFAULT NULL, `GROUP_LAYER` int DEFAULT NULL, `TITLE` varchar(250) DEFAULT NULL, `CONTENT` longtext, `WRITER` varchar(50) DEFAULT NULL, `REG_DATETIME` datetime DEFAULT CURRENT_TIMESTAMP, `GROUP_ID` int DEFAULT NULL, PRIMARY KEY (`CODE`) ) ENGINE=InnoDB AUTO_INCREMENT=54 DEF.. 공감수 0 댓글수 0 2022. 9. 7.
MYSQL DATETIME 타입 DEFAULT VALUE를 지금 시간으로 설정하기 ALTER TABLE MODIFY COLUMN DATETIME DEFAULT CURRENT_TIMESTAMP; 공감수 0 댓글수 0 2022. 9. 5.
the emulator process for avd has terminated. 오류 해결법 Event Log 에서 Gradle build finished in 532ms 이 문구만 계속 뜨고, 아무리 기다려도 avd가 뜨지 않았다. Build Output을 확인해보니 the emulator process for avd has terminated. 에뮬레이터가 계속 강제 종료 되고 있었다 .. ! 문제의 원인은 너무 간단했다. AVD가 저장된 경로에 한글이 들어가 있었던것 ! 1. 저장된 경로 확인 방법 1) AVD Manager 에 들어간다 2) 해당 Device에서 마우스 우클릭을 한다 3) Veiw Details를 클릭한다 4) Path의 경로를 확인한다. 2. 경로 바꾸는 방법 1) 시스템 환경변수 편집에 들어간다 2) 변수 이름은 ANDROID_AVD_HOME 으로 하고 변수값에는 한글.. 공감수 0 댓글수 0 2022. 6. 29.
Primitive Type(기본형)의 메모리크기, 수의 범위 , 형변환 기본형의 할당되는 메모리 크기 정수 문자 실수 논리 1 byte byte boolean 2 byte short char 4 byte int float 8 byte long double 수의 범위 자료형 바이트 크기 수의 범위 byte 1 byte -128 ~ 127 short 2 byte -32,768 ~ 32,767 int 4 byte -2,147,483,648 ~ 2,147,483,647 long 8 byte -9,223,372,036,854,775,808 ~ 9,223,372,036,854,775,807 형변환 1) 자동 형변환 - byte 수가 적은 자료형에서 많은 자료형으로 변환할 때에는 자동으로 변환된다. // 문제 없이 자동 형변환 byte bNum = 20; int iNum = bNum; .. 공감수 0 댓글수 0 2022. 5. 18.
HTTP 패킷 구조 HTTP 패킷 - 클라이언트가 서버로 요청할 때 보내는 데이터 - 패킷 구조는 헤더와 바디로 나뉨. - 헤더 : HTTP 메서드 방식, 클라이언트의 정보, 브라우저 정보, 접속할 URL 등과 같은 클라이언트 정보 - 바디 : 보통은 비어있다가, 특정 데이터를 담아 서버에게 요청을 보낼 수 있음 - 구분 요청 헤더 (Request Header) : 요청하는 페이지의 주소, 현재 컴퓨터 정보가 전송됨 요청 바디 (Request Body) : POST 요청시 전송되는 데이터, GET 요청시에는 빈칸 응답 헤더 (Response Header) : 응답 페이지 상태, 서버에 관한 정보가 전송 응답 바디 (Response Body) : 페이지의 HTML 소스 전송 요청 메시지 POST /manage/autosave.. 공감수 0 댓글수 0 2022. 4. 20.
JVM 메모리 구조 Class Area ( Method Area, Code Area, Static Area) - 클래스 정보(멤버 변수의 이름) - 변수 정보(데이터 타입, 접근 제어자 정보) - 메소드 정보(메소드 이름, 리턴 타입, 파라미터, 접근제어자 정보) - static 변수 - final class 변수 - Constant pool(문자 상수, 타입, 필드, 객체 참조가 저장됨) - 위의 데이터 들을 분류해서 저장 - JVM이 동작해서 클래스가 로딩될 때 생성 Heap - new 키워드로 생성된 객체와 배열이 저장되는 영역 - Method Area에 로드된 클래스만 생성이 가능하다. - GC의 주요 대상이 된다.(Stack, Class Area도 대상이 된다.) - 효율적인 GC를 위해 메모리 영역이 분리되어 있.. 공감수 0 댓글수 0 2022. 4. 20.
메모리 구조 (코드, 데이터, 힙 , 스택) - 위 그림과 같이, 프로그램이 실행되기 위해서는 운영체제(OS)가 프로그램의 정보를 메모리에 로드 해야 함 - 프로그램이 실행되는 동안 CPU가 코드를 처리하기 위해서는, 메모리가 명령어와 데이터들을 저장해야 한다. 낮은 주소 (low memory) 코드 실행할 프로그램의 코드 데이터 전역 변수, 정적 변수 힙 사용자의 동적 할당 런타임에 크기가 결정됨 공유 라이브러리 영역 스택 지역변수 매개변수 컴파일 타임에 크기가 결정됨 높은 주소 (high memory) 커널 영역 시스템 운영에 필요한 메모리 운영체제가 커널에 존재 사용자가 함부로 커널영역에 접근 불가 코드 영역 - 실행할 코드가 저장되는 영역 - 텍스트 영역 - CPU가 코드 영역에 저장된 명령을 하나씩 가져가서 처리 - 프로그램 시작부터 종료.. 공감수 0 댓글수 0 2022. 4. 20.
URL / URI 차이 URI - Uniform Resource Identifier - URL + 고유 식별자 URL - Uniform Resource Locator : 자원이 실제 존재하는 위치 ex) http://aaa.co.kr/index-> URL http://aaa.co.kr/login?id=3 -> URI 공감수 0 댓글수 0 2022. 4. 19.
WEB / WAS의 차이 1. WEB( 웹서버) 소프트웨어 웹브라우저 클라이언트로부터 HTTP 요청을 받아들여 정적인 컨텐츠를 제공하는 컴퓨터 프로그램 정적인 컨텐츠 : html, jpeg, css 등 하드웨어 Web 서버가 설치되어있는 컴퓨터 웹서버의 기능 HTTP 프로토콜을 기반으로, 클라이언트의 요청을 서비스 함 정적인 컨텐츠 제공 WAS를 거치지 않고 바로 자원을 제공할 때에도 있음 동적인 컨텐츠 제공을 위해 요청 전달 클라이언트(웹 브라우저)의 Request을 WAS에 보내고, WAS가 처리한 Response를 클라이언트에게 전달 정적인 컨텐츠를 어플리케이션 서버까지 가지 않고 앞에서 빠르게 보내줄 수 있음 정적 컨텐츠만 처리하도록 기능을 분배하여 서버의 부담을 줄임 2. WAS(Web Application Server.. 공감수 0 댓글수 0 2022. 4. 19.
Session / Cookie 의 차이 Cookie/ Session 사용 이유 - HTTP 프로토콜의 약점을 보완하기 위해서 - HTTP 환경은 Connectionless, stateless 특성을 갖고 있음 connectionless 클라이언트가 요청을 한 후 응답을 받으면 그 연결을 끊어버리는 것 클라이언트가 서버에게 request를 보내면, 서버는 클라이언트의 요청에 맞는 response를 보내고 접속을 끊음 헤더에 keep-alive라는 값을 주어 커넥션을 재활용하는데, HTTP1.1에서 이것이 디폴트 stateless 통신이 끝나면 상태를 유지하지 않는 특징 연결을 끊는 순간 클라이언트와 서버의 통신이 끝나며 상태 정보는 유지하지 않음 HTTP는 TCP를 기반으로 만들어진 프로토콜인데, TCP는 연결지향이고 HTTP는 비연결이라는 특.. 공감수 0 댓글수 0 2022. 4. 19.
TCP/IP 4 계층 OSI 7 계층 : 전반적인 네트워크 전송 표준의 전반 TCP/IP 4계층 - OSI 계층구조 개념을 적용하여 보다 단순화 시킨 모형 - 해당 프로토콜의 통신과정을 크게 4개 계층 구조로 나눠서 설명한 것 제 1계층 : 네트워크 연결 계층 ( Network Access Layer) - 물리적인 데이터의 전송을 담당하는 계층 - 인터넷 계층과 달리 같은 네트워크 안에서 데이터가 전송 - 프로토콜 : 이더넷 (Ethernet) -> 이더넷 : 데이터 링크 계층에서는 데이터 전송 과정에서의 오류를 감지하는 역할도 하는데, 이는 이더넷 헤더와 함께 인터넷 계층에서 전달받은 패킷의 반대쪽 끝에 트레일러를 붙임으로써 수행됨. -> 이더넷은 LAN과 WAN에서 사용되는 기술규격으로 MAC 패킷과 프로토콜의 형식을 정.. 공감수 0 댓글수 0 2022. 4. 19.
OSI 7 계층 1. 물리 계층 Physical Layer - 0과 1로 표현된 이진 데이터를 전기 신호로 변환 - 전기신호를 이진 데이터로 변환 - 디지털 데이터를 전기적 신호로 변환해 입출력 담당 - 주소 정보가 없어 목적지 인식이 안되며 전기적인 신호만을 연결된 노드에 전달 - 장비 : 허브 , 리피터 -> 허브 : 전기 신호의 전달은 유, 무선의 전송매체를 통해 이루어지는데, 전기 신호를 전형하고 증폭하는 기능 - 프로토콜 : RS-232C 2. 데이터 링크 계층 (Data Link Layer) - 물리 계층에서의 있는 그대로의 데이터를 신뢰할 수 있는 링크로 변환 - 데이터 오류나 손실 없이 전송됨을 보장하기 위해 흐름제어, 오류 제어 등의 기능 수행 - 신뢰성 있는 프레임(데이터 링크 계층에서의 데이터 단위).. 공감수 0 댓글수 0 2022. 4. 19.
HTTP / HTTPS 출처 - https://mangkyu.tistory.com/98 - https://devjem.tistory.com/3 1. HTTP - Hyper Text Transfer Protocol의 줄임말 - 서버와 클라이언트간에 데이터를 주고 받는 프로토콜 - HTTP는 텍스트, 이미지,영상, JSON 등등 거의 모든 형태의 데이터를 전송 - HTTP/1.1가 가장 보편화 되어있음 - 현재는 HTTP/2를 거쳐 HTTP/3까지 개발된 상태 - TCP를 개선해서 만들어진** UDP가 HTTP/3 기술에 사용 - 인터넷에서 하이퍼텍스트를 교환하기 위한 통신 규약으로, 80번 포트를 사용 HTTP는 애플리케이션 레벨의 프로토콜로 TCP/IP 위에서 작동한다. HTTP는 상태를 가지고 있지 않는 Stateless 프.. 공감수 0 댓글수 0 2022. 4. 18.
TCP / UDP .. 그리고 기타 용어 정리 웹에 관련한 헷갈리는 용어 정리..! 참조 / 출처 - 위키백과 - https://mangkyu.tistory.com/15 [MangKyu's Diary] - https://coding-factory.tistory.com/613 1. 인트라넷 - 단체의 직원만 접근이 가능한 사설망 - 인터넷 프로토콜을 쓰는 폐쇄적 근거리 통신망 - 방화벽을 설치하여 보안을 유지 2. 프로토콜 - 컴퓨터 내부에서, 또는 컴퓨터 사이에서 데이터의 교환 방식을 정의하는 규칙 체계 - 기기 간 통신은 교환되는 데이터의 형식에 대해 상호 합의를 요구 3. TCP - Transmission control protocol 전송 조종 규약 - 근거리 통신망이나 인트라넷, 인터넷에 연결된 컴퓨터에서 실행되는 프로그램 간에 일련의 옥텟을.. 공감수 0 댓글수 0 2022. 4. 18.
naver Open api로 가져온 Json 데이터를 ajax로 jsp view에 뿌리기 https://developers.naver.com/docs/common/openapiguide/appregister.md#%EC%95%A0%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98-%EB%93%B1%EB%A1%9D 사전 준비 사항 - Open API 가이드 사전 준비 사항 네이버 오픈API를 사용하려면 먼저 네이버 개발자 센터에서 애플리케이션을 등록하고 클라이언트 아이디와 클라이언트 시크릿을 발급받아야 합니다. 클라이언트 아이디와 클라 developers.naver.com 0. 일단 내 어플리케이션을 등록한다. 사전 준비 사항 - Open API 가이드 사전 준비 사항 네이버 오픈API를 사용하려면 먼저 네이버 개발자 센터에서 애플리케이션을 등록하고 클라이언트 아.. 공감수 0 댓글수 0 2022. 3. 28.
missing artifact org.springframework:spring-websocket:jar:${org.springframework-version} 오류 해결법 1. version태그 내에 오타가 있는지 확인해보자. 마침표나 '-' 하나라도 잘못되면 오류가 뜬다. org.springframework spring-websocket ${org.springframework-version} 2. 같은 xml 파일 내의 properties에 4.2.5.RELEASE 이 정의되어있는지 확인해보자 1.8 4.2.5.RELEASE 3. properties의 정의된 이름이랑 dependency의 version내에 정의된 이름이 같은지 확인해보자 예를들어서 ) properties 에서는 4.2.5.RELEASE로 정의되어있는데 dependency의 version에서는 ${org.springframework.version} 로 정의 되어있으면 오류가난다. org.springfram.. 공감수 0 댓글수 0 2022. 3. 25.
onclick 에 jstl 이용해서 값 넘기기 jsp/javascript 1. jsp onclick = "popup(${vo.no});" more_horiz 프로필 쪽지 보내기 2. javascript popup(id) 에서 'id' 가 위의 jsp의 ${vo.no} 값이다. function popup(id) { var yourId = id; url = "/admin/member/profile?no=" + yourId; window.open(url, "chkid", "width=400,height=200"); } 사용자 뷰 : 드롭다운에서 프로필 누르면 해당 사원의 세부 프로필을 가져온다. * 장바구니 구현할때에도 사용하기 좋음! 처음에 구현할 때에는 드롭다운의 프로필을 선택하면 해당 사원의 정보가 뜨는게 아니라 jsp 내의 의 첫번째 태그에 있는 사원의 정보만 떠서 어떻게 .. 공감수 0 댓글수 0 2022. 3. 25.
Web server failed to start. Port 9091 was already in use 오류 해결 스프링 부트를 사용하다보면 이런 에러를 자주 만나게 되는데 해결하는 방법은 쉽다. 1. cmd 창을 켠다 2. netstat -ao 를 입력한다 3. 해당 포트의 PID를 확인한다. 본인의 경우 9091포트로 되어있으니 9091에 해당하는 PID가 369308이다 4. taskkill /f /pid 'pid코드입력' 주의 : 띄어쓰기가 오타나면 제대로 실행이 안될 수 있으니 띄어쓰기까지 오타없이 입력해야한다. 공감수 0 댓글수 0 2022. 3. 24.
로그인 인터셉터(LoginInterceptor) 구현 1. 로그인 인터셉터 preHandle : 컨트롤러 수행 이전에 무조건 먼저 수행되는 메서드 로그인이 되어있으면 > localhost:9091/admin/login/message 주소로 이동하게 구현 로그인이 되어있지 않으면 return true 해주고, 컨트롤러가 정상적으로 수행됨. import javax.servlet.RequestDispatcher; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import or.. 공감수 0 댓글수 0 2022. 3. 23.
SQL, Oracle로 Group By 일별, 주별, 월별, 년도별 매출 그래프를 구현하기 위해서 일별, 주별, 월별, 년도별로 매출정보를 가져와야 하는 상황이다. 1. 일별 매출 CREATE VIEW DAILYSALES AS( SELECT P.P_PRICE, S.S_QTY,S_DATE FROM PRODUCT P INNER JOIN SALES S ON P.P_CODE = S.P_CODE WHERE S_DATE >= TO_CHAR(SYSDATE-7,'YYYY-MM-DD') ); SELECT S_DATE AS 날짜, SUM(S_QTY*P_PRICE) AS 일일매출 FROM DAILYSALES GROUP BY S_DATE ORDER BY S_DATE; 1.1 view 만들기 - 일단 상품 테이블의 가격, 매출 테이블의 판매수량, 매출테이블의 판매일을 보여주는 view를 만들었.. 공감수 0 댓글수 0 2022. 3. 22.
jsp에서 jstl로 sessionScope 사용하기 로그인 처리를 한 후에 jsp에 jstl로 session값을 불러오려고하는데 계속 뷰에 나타나질 않아서 확인해본 결과 //localhost:9091/admin/login/sign-in @PostMapping("/sign-in") public String login(@RequestParam String email, @RequestParam String password ,@RequestParam(required = false) String chkSave, HttpServletRequest request, HttpServletResponse response, Model model) throws NoSuchAlgorithmException { log.info("로그인 처리, email={},password={}.. 공감수 0 댓글수 0 2022. 3. 21.
SQL DEVELOPER 작업속도 느림, 렉 해결 어느 순간부터 SQL DEVELOPER로 행 하나를 삽입하는데도 5분이 넘게 걸리고, 작업속도가 느려지고 있어서 재설치를 해야하나.. 싶었는데 해결방법을 알아냈다. 도구 > 환경설정 > 완성인사이트 > 모든 체크 해제 후 확인 버튼 클릭 바로 문제가 해결됐다. 공감수 0 댓글수 0 2022. 3. 20.
Spring boot에서 Gson을 사용해서 ajax로 차트 그리기 개인적으로 너무 어려웠던 차트그리기..ㅜㅜ 다른것보다 구글링으로 원하는 정보 찾기가 좀 힘들었다.. ㅜㅜㅜ 그만큼 꼼꼼히 기록해야겠다. !!! 1. jsp : Chart.js파일이 있어야 한다. - 본인의 경우 템플릿에 이미 js파일이 있어서 footer에 script를 추가 해주었다. 2. xml : google gson을 xml파일의 디펜던시 내에 추가해준다. com.google.code.gson gson 2.8.5 3. jsp : 태그를 아이디와 함께 기재한다. 매출 그래프 Dropdown Header: 일간 매출 주간 매출 월간 매출 전체 매출 4. js : 초기 화면에는 차트에 아무것도 그려지지 않게 그래프를 표현했다. var myChartTwo = document.getElementById('.. 공감수 0 댓글수 0 2022. 3. 19.
Don't know how to iterate over supplied "items" in <forEach>] with root cause 오류 해결 방법 틀린 코드 @GetMapping("/chart") public String chartPage(Model model) { log.info("차트 화면 처리 Controller"); DailysalesVo daily = adminService.selectDailySales(); log.info("dailysalesVo={}",daily); model.addAttribute("daily", daily); return "/admin/chart"; } ${vo.pPrice} ${vo.sQty} 수정한 코드 @GetMapping("/chart") public String chartPage(Model model) { log.info("차트 화면 처리 Controller"); List list = adminServic.. 공감수 0 댓글수 0 2022. 3. 17.
GIT 새 레파지토리 생성하는 방법 개인 복습, 기록용 1. 깃허브 사이트에 들어가서 New 버튼을 클릭한다. 2. Repository name(레파지토리 이름), Description(레파지토리에 대한 설명, 생략 가능), public/private(공개, 비공개) 선택 후 Create repository 버튼 클릭 3. 만든 레파지토리와 연결할 소스파일을 찾아가서 git bash here 클릭 4. git init : 일반 디렉토리였던 해당 디렉토리를 로컬 깃 저장소로 등록해줌 5. git status : 저장소의 현재 상태 , 빨간색으로 표시된것은 아직올려지지 않은 파일들을 뜻함. 6. git add . : 로컬 저장소에 모든 파일 올리기, 만약 특정 파일만을 올리고 싶으면 add [파일명 또는 폴더명] 7. git commit -m.. 공감수 0 댓글수 0 2022. 3. 14.
Queue/Stack , 큐 스택 개인 복습, 기록용 머릿속에서 생각나는거 정리해보기 1. Queue 1) FIFO (First In First Out) ex) 선착순을 떠올리면 된다. - 첫번째 들어온 데이터가 첫번째로 나간다 2) enqueue - 데이터 넣기 - 참조변수.add(value); 또는 참조변수.add(offer) 3) dequeue - 데이터 삭제 - 참조변수.poll(); : - 첫번째로 들어온 데이터가 삭제됨 4) java.util.Queue 에서 임포트 해오면 된다. import java.util.Queue; import java.util.LinkedList; public class QueuePractice{ public static void main(String[] args){ //Queue 인스턴스 생성 Que.. 공감수 0 댓글수 0 2022. 3. 13.
회원가입_이메일 중복확인 구현 ajax/javascript 개인 복습,기록용 4-12자/영문 소문자(숫자 조합 가능) html 부분 1. 이메일 중복 확인 버튼에 onclick을 걸어둔다 2. 중복확인 여부를 확인 할 수 있게 input type="hidden" 으로 숨겨둔다. function popup(){ var userid = $("#email").val(); var regEmail = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/; if(userid.length0){ $("#emailContent").html('존재하는 이메일입니다. 다시 입력해주세요.'); $("#emailContent").css('color','red'); $("input[name.. 공감수 0 댓글수 0 2022. 3. 13.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.