본문 바로가기

전체 글

 (134)
2022-10-27 전자정부 프레임워크 설치 제거 설치 제거 설치 제거 보호되어 있는 글입니다.
2022-10-26 egov 프레임 워크 재설치 나는 개발 파일만 받았지만 아래 교육자료에 들어가서 받으면 톰캣 jdk등등이 다 포함되어 있다. 처음 구성하는 사람은 아래 교육자료까지 받는 게 좋다 압축 풀기 나는 경로를 d드라이브로 해줬다. 설치가 끝났으니 이제는 서버를 설정해주고 프로젝트를 만들어 줘야 한다. 공통 컴포넌트 다운로드 프로젝트 생성
2022.10.25 전자정부 프레임워크 쇼핑몰 프로젝트 사전준비 우선 egov 프레임워크가 다운받아져 있다는 가정 하에 진행한다. 새 프로젝트를 만든 후 전자정브 프레임 워크 홈페이지 에서 all-in-one 프로젝트를 다운 받는다. 압축을 풀면 이런 파일들이 들어있고 이를 신규로 생성한 프로젝트에 넣어준다. 그 다음에 프로젝트를 새로 고침 해준다 한 번 프로젝트를 새로고침 해준다. 그리고 메이븐 인스톨을 진행 메이븐 인스톨을 진행 한다. 왼쪽 이미지의 체크된 부분을 꼭 체크하도록 하자 하지만 나는 이렇게 해도 pom.xml의 오류가 남아있다.... 이를 먼저 해결해야 할 듯 하다. 결국 전자정부 프레임워크를 전부 삭제하였다... 다시 다운 받아서 설치 및 실행을 해볼 예정이다.... 분명 해결했었는데 관련 내용을 잃어버린 게 크다..
2022-10-18~20 전자정부 프레임워크와의 싸움... 보호되어 있는 글입니다.
2022-10-13 CSS 레이아웃 disply, position 1 2 3 i'm Box " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스div,span { width: 80px; height: 80px; margin: 20px;}/* display를 이용해서 block과 inline을 바꾸 줄 수 있다. div는 안에 값이 없어 그냥 inline로 하면 사라진다. */div { background: red; left: 20px; top: 20px; margin-bottom: 20px;}/* display:는 타입을 지정할 수 있다. inl..
2022.10.12 css 아주 기초 /* selector { property: value; } */ /* 모든 색상이 green으로 */ * { color: green; } /* li로 설정한 값이 *를 이기는대 이것은 좀더 구체적으로 설정 된 값이 우선순위가 높게 적용되기 때문 */ li { color: blue; } /* id가 special인 것만 */ #special { color: pink; } /* class가 red인 것만 padding은 컨텐츠 안에 들어가는 것 margin은 컨텐츠 밖에 들어가는 것 board의 순서 width - style - color순*/ .red { width: 80px; height: 80px; padding: 20px; margin: 20px; border: 2px dashed red; backg..
2022.10.11 Html마무리 태그 태그는 BOX와 ITEM이 있다. 웹사이트의 구조 : header nav aside main section section article article article article article footer article이란? : 여러가지 아이템을 그룹화 해서 재사용 가능한 것들이 모여져있는 것 이렇게 나눠서 봐야 한다. BOX / ITEM header , section / a태그 , video footer , article / button , audio nav , div / input , map aside , span / label , canvas main , form / img , table 이런게 있다. 몰랐던 것 div 태그:아무곳에서나 쓰는 것 묶어서 스타일링을 할 때 사용한다. 띄움 nav..
2022.10.06 개인 프로젝트를 위한 HTML 공부-1 시간이 늦어서 오늘은 여기까지만 하고 내일 이어서 공부하기 태그 태그는 BOX와 ITEM이 있다. 웹사이트의 구조 : header nav aside main section section article article article article article footer article이란? : 여러가지 아이템을 그룹화 해서 재사용 가능한 것들이 모여져있는 것 이렇게 나눠서 봐야 한다. BOX / ITEM header , section / a태그 , video footer , article / button , audio nav , div / input , map aside , span / label , canvas main , form / img , table 이런게 있다. 몰랐던 것 div 태그:아무곳에서..
2022.10.05 프로젝트를 위한 VSCode 사전 작업 css의 위치를 자동으로 찾아준다. 이클립스의 F3단축키와 같은 용도로 쓰임. html에서 css의 자동완성을 이용할 수 있다. vscode에 기본 내장된 Markdown 내가 css, html코드가 어떻게 보이는지 바로바로 확인이 가능하고 Ctrl + Alt + P로 markdown priview를 사용하면 된다 한글어 버전을 쓰는 분들은 미리보기를 검색하면 바로 나온다. 실제 프로젝트를 하다보면 html과 css동작을 확인해야 할 때가 있는데 jsbin.com jsfiddle.net codesandbox.io 위 사이트들은 이런식으로 기본 소스를 제공해주기 때문에 jsp를 하나하나 만들어서 테스트 해볼 필요가 없다. 교육원을 수강할때 사용했던 플러그인은 생략했다... 사실 동영상 강의 목록 하나를 전..
2022.10.04 JavaScript 연산자, callback, class //2022.10.04 화요일 //boolean 연산자 // false : 0, -0, ''(텅텅빈 문자), undefined // true : -1, 'hello', 텅텅 빈 array는 true다 //값이 없는 것 : false //값이 존재하는 것 : true\ let num; if (num) { console.log('true') } else { console.log('false!') } /*num은 값을 선언해 주지 않아 undefined다 출력은 fales */ num && console.log(num); /*num이 false이기 때문에 뒤의 문장(코드)는 무시된다. */ class Counter { constructor(runEveryFiveTimes) { this.counter = 0; ..
2022.09.29 복습 : 변수/object, let/ const 보호되어 있는 글입니다.
2022.09.27 JavaScript 함수의 선언과 호출 //JavaScript 기본함수와 동작하는 원리 //함수 선언 function doSomething(/*함수에서 절달하거나 전달 받을 인자*/) { /*실제 함수가 동작하는 곳*/ console.log('hello'); } // 함수는 두 종류가 있다. // 아무것도 전달하지 않고 기능만 하는 함수 doSomething function add(a, b) { /* 타 언어의 경우 a : number, b:number 이런식으로 타입을 지정해 줘야 한다. 하지만 JavaScript는 타입을 지정해주지 않는 언어*/ const sum = a + b; return sum; } //함수 호출 doSomething(); //add(1,2); const result = add(2,3); console.log(add(..
2022.09.26 Java Script - async //async & await //에이싱크와 어워잇 //Promis 보다 간편하게 작성이 가능 //1. async : function앞에 붙이면 자동적으로 Promise를 사용한 것 처럼 된다. // async function 함수이름(){} function fetchUser() { //서버와 연결하여 유저의 정보를 받아오는 펑션이 있다고 가정 //di network reqeust in 10 secs.... return 'moon'; } const user = fetchUser(); console.log(user); /* 이렇게 시간이 걸리는 코드를 비동기적 처리를 하지 않으면 코드가 적힌 순서대로, 동기 방식으로 진행 되기 때문에 const user = fetchUser(); 가 실행 되면 fetchUs..
2022.09.23 JavaScript - Promise 오늘 처음으로 VS Code에 git를 연결 하여 이제부터는 코드 블럭으로 블로그를 작성합니다. // Promise 프로미스 //Promise is a JavaScript object for asynchrobous operation //operation state(실행중일 때) : pending -> //operation을 성공적으로 끝내면 fulfilled(완벽하게 완료) // or rejected(완료가 되지 않거나 파일이 없을 때 ) //1.Promise const promise = new Promise((resolve, reject) => { //do ing some heavy work () //프로미스 안에서 무거운 일을 한다. 즉 시간이 걸린다. //이를 동기적으로 작업하면 시간이 걸리는 동안..
2022.09.21 공부 리눅스의 개념 및 유형 개념 및 유형 프로세스의 개념 프로세스는 cpu와 메모리를 할당받아 실행시키는 프로그램이다. 프로세스들마다 고유의 프로세스ID(PID)를 할당받는다 가장 먼저 실행되는 프로세스는 init이다. init의 PID 는 1이다. 프로세스 init에 의해 다른 모든 프로세스들이 시작된다. 프로세스의 유형 포그라운드 프로세스와 백그라운드 프로세스 1. 프로세스는 실행 형태에 따라 포그라운드(foreground) 프로세스와 백그라운드(background)프로세스로 나뉜다. 포그라운드 프로세스 사용자와 상호작용하는 프로세스 터미널에 직접 연결되어 입출력을 주고받는 프로세스 명령입력 후 수행 종료까지 기다려야 하는 프로세스 화면에서 실행되는 것이 보임 ex) 응용프로그램 명령어 등 백그라운드 프로세스 사용자와 직접적인..
2022.09.19 Json, CallBack Json AJAX : 웹페이지에서 동적으로 서버와 데이터를 주고 받을 수 있는 기술 Json이란 : 데이터 전송의 가장 간편하고 간단한 방법. text를 기반해 가볍다. 대부분의 언어와 플랫폼에 사용이 가능하다. Json->다른 언어->Json의 작업이 매우 간단함. Json->Object / Object -> Json Json.pars / stringfy let json = Json.stringfy(true); console.log(json); //true //parse : string 를 받으면 Object로 변환 //stringfy : 어떤 타입을 받으면 String으로 변환 josn = JSON.srtingfy(['apple', 'banana']); console.log(josn) // ["app..
2022.09.14 Java Script 배열 함수 //join : String 타입으로 바꿔서 출력 const fruits = ['apple', 'banana', 'orange']; const result = fruits.join(|); //괄호 안에는 구분자(생략가능) console.log(fruits); // apple|banana|orange //구분자 생략 -> apple, banana, orange : ,가 디폴트 값 //split : 세퍼레이터와 (구분자), 리밋트를 파라미터로 받음 //세퍼레이터(필수), 리미터(리턴 가능한 배열의 사이즈) const fruits = ['세모','네모','동그라미', '오각형'] const result = fruits(','); or (',', 2); console.log(result); // ["세모", "..
2022.09.13 JavaScript Array 배열이란? 배열이란 자료구조(비슷한 데이터를 모아 놓음)이다. 토끼 : 행동(메소드, 함수) 가 있다. 당근 : 프로퍼티만 존재. Object는 서로 연관된 것들을 뫃아놓은 존재이고 Array는 Object를 묶어 놓은 것을 말한다. const arr1 = [토끼, 토끼, 토끼]; const arr2 = [당근, 당근, 당근]; 1. 배열의 선언 방법 const arr1 = new Array(); const arr2 = [1,2]; 2. index를 통한 배열접근 const fruits ['사과', '바나나']; console.log(fruist[0]); // 사과 console.log(fruist[1]); // 바나나 3. 출력하기 for(let i = 0; i < fruits.lenght; i++){..
2022-09-07 하루 정리 JavaScpript Object Object object {ket : value} : object는 키와 벨류의 집합이다. const obj1 ={}; //object literal const bvj2 =new Object(); object conStructor const ellie = {name : 'ellie' , age : 4}; 2.Computed Propertis java script 에서는 추가하지 않은 ref(레퍼런스)를 추가하고 지울 수 있다. const ellie = {name : 'ellie'} //선언부가 아니라고 해도 key값을 추가 할 수 있다. //다만 실무에서 쓰이는 경우가 극히 드물어 자세히 필기하지는 않는다. 3.Proerty value shorthand const person1 = {name : 'bob..
2022.09.06 Function과 ArrowFunction 1.Function이란? sub-program : 서브 프로그램이라고 부름 여러번 재사용이 가능하다. 프로그램 안에서 또 각각의 작은 기능을 수행 파라미터를 받아서 Function f: 이름을 잘 정하는 것이 중요하다.이름과 파라미터로 이 function이 하는 일을 유추할 수 있기 때문 처리하는 것이 function이다 : return naming : doSometging, command. verb /동작, 명령어, 동사 형태로 이름을 지어줘야 한다 *하나의 함수는 하나의 일만 해야 한다. ex) createCardAndPoint를 createCard 와 createPoint로 나눈다. javaScript에서 function은 Object이다. function log (message){ sonsole...
2022.09.06 Model, ModelMap 과 modelAndView Model, modelMap vs ModelAndView Model, modelMap 차이점 ModelAndView 데이터만 저장한다. 데이터와 이동하고자 하는 viewPage를 같이 저장한다. Model, modelMap 의 공통점 model.addAttribute("변수명"); modelMap.addAttribute("변수명"); 둘 다 addAttribute를 사용한다. Model, ModelMap에 데이터만 저장하여 view에서 사용하는 목적 HttpServletRequest request와 함께 사용한다. Model, modelMap 의 차이점 Model : 인터페이스 ModelMap : 클래스 ModelAndView사용법 x @RequestMapping(value ="/test.do") pib..
2022.09.05 JavaScript : Class와 Object의 차이, 상속과 다향성 , instanceOf Class 객체가 모여있는 컨테이너 class a { //객체가 모여있는 컨테이너 name; age; //Field : 데이터 Speak(); // Method : 메소드(행동) } //데이터만 들어있는 Class는 데이터 Class라고 함. class object -template -instance of a class -declare once -created many times -no data in -data in 제조법 제조법으로 제조된 물건 Class선언 class person { constructor(name, age){ this.name = name; this.age = age; //field } speak(){ console.log(`${this.name}:hello!!`); //여기서 nam..
222.09.01 JavaScript Block Scope 코드 블록 이라고도 한다. 코드 블록 안에서 선언한 변수 {let i =block}는 지역변수로만 사용된다. *사용하는 이유 : 전역변수는 어플리케이션의 시작부터 끝까지 메모리를 할당하기 때문에 많은 사용은 좋지 않다. const javaScript에서 변수를 선언하는 함수이다. var과 달리 선언된 변수의 값이 고정된다. 이처럼 값이 변하하지 않는 것을 favor immutable data type always라고 한다. 보안상의 이유로 매우 좋다 let 는 선언한 값이 추후 변할 수 있다. 이처럼 값이 변하는 함수를 mutable함수라 한다. variable type(변수 타입) primitive 더 이상 쪼개질 수 없는 데이터 타입 String, boolen, null, und..
2022.08.30 JSTL 태그 라이브러리 core JSTL JSTL이란? *JSP 표준 테그 라이브러리 -'여러 프로그램이 공통으로 사용하는 코드를 모아놓은 코드의 집합'의 약어 -자신만의 태그를 추가할 수 있는 기능을 제공한다. -주로 JSTL의 CORE에서 C를 사용하며 , 등으로 사용 JSTL 라이브러리 다운로드 https://mvnrepository.com/artifact/javax.servlet/jstl/1.2 에 접속 jar파일 다운 후 Project Structure에서 JSTL를 사용할 프로젝트(모듈)을 선택하고 Dependencies에서 [+]를 클릭해서 다운로드받은 라이브러리를 추가한다. 번들 라이브러리를 받았다면 해당 파일 1개만 추가하면 된다. 또는 web-inf/lib에 추가한다. 그리고 사용하고자 하는 페이지에서 과 같이 선언해..
2022.08.29 include file / include page include file / include page include file : 정적인 include(포함) 지시문 파일 안에 있는 것들을 그대로 옮겨서 가져옴 - 선언 되어 있는 변수까지 사용가능 ex) *정적이란 말에 모든 의미가 있음 jsp 파일이 java 파일로 수정 전에 session.jsp 파일의 모든 내용이 부모의 jsp로 include(포함) 된다 그 후 부모의 jsp는 java -> class파일 -> html 파일 -> 웹브라우저로 랜더링 따라서 session.jsp 파일 안에서 전역변수로 strung A = "Hello Worle" 라고 선언 했다면 session.jsp를 사용하는 부모 jsp에서는 서블릿 테그() 에서 컴파일(데이터 삽입) 에러 없이 바로 A변수를 사용 *단점 : 부모 ..
2022-08-25 Ineer Join과 Outer Join 보호되어 있는 글입니다.
2022.08.23 extends 와 implements의 차이와 쿼리문 기타 요소 @SessionAttiibutes Extends 와 implements의 차이점 Extends implements -부모의 메소드를 그대로 사용한다. -부모의 메소드를 재정의 하여 사용해야만 한다. -일반 class와 abstract class상속에 사용된다. -interface 상속 받을 때 사용한다. *interface가 interface를 상속받을 때 일반 class가 interface를 상속받을 때. -한 개의 클래스만 상속받을 수 있다. -여러 class를 상속 받을 수 있다. -부모 클래스의 기능을 사용 -설계를 목적으로 구현이 가능하다. -클래스의 확장 -인터페이스의 구현 -추상적으로 만들어지지 않은 메소들을 오버라이딩 없이 그대로 가져다 쓰기 때문에 재정의가 필요가 없다. -추상적으로 구현된 interface의 메소드를 받..
2022.08.22 .do 및 Java어노테이션 공부 .do는 스프링에서 사용하는 가상의 주소이다. 두는 우리나라에서 유독 많이 사용한다고 한다. @RequestMapping("/test.do") 로 해두면 test.od라는 것의 처리를 여기서 한다 는 의미인데. sm업무를 보며 처음 봐서 많이 당황했던 것 같다. 사실 이미 공부했던 내용이다. href : "com.com.list.view.do" 라고 되어 있을 때 @Controller @RequestMapping("/com.com.list) 라고 class가 맵핑이 되어 있는 상태라면 아래쪽의 각 메소드마다 메소드1@RequestMappin("delete.do") 메소드2@RequestMappin("view.do") 라고 해두면 리스트 상세보기 버튼 라고 되어 있을 때 리스트 지우기 버튼 라고 되어 있을..
2022.08.21 리눅스 2급 공부 및 자바스크립트 공부 리눅스2급 자격증 KAIT에서 실시하는 국가공인 민간자격증이다. 이 자격증이 있어도 별로 쓸모가 없다는 등 말이 많기는 하다. 차라리 실무 능력을 길러서 포폴을 만들라고 하는데 내 경우는 리눅스를 이번에 취업하며 처음 다뤄봤다. 그리고 취업한지 이제 1주일 포폴이고 뭐고 나올 게 없고 애초에 기초 지식이 너무나도 부족한 상황이라 자격증 쪽으로 잡고 기초부터 공부하기로 했다. 공부라고 해도 이전에 전산응용건축제도기능사를 공부할 때 처럼 이론을 읽고 그에 관련된 객관식 문제를 푸는 것이지만 나름 도움이 될 것 같다. 못해도 1~2달 정도 업무에 익숙해지고 리눅스란 프로그램을 어느정도 다뤄보고 나서야 포폴이라던지 프로젝트를 할 수 있을 거라고 생각이 든다 마침 취업하고 약 2달 뒤가 리눅스 시험이 있는 날이라..
2022.08.17 리눅스 명령어, 개념 공부 '리눅스'의 간단 개념 리눅스의 강점은 공개, 무료 소프트 웨어 라는 것. 셸 : 명령어 입력창 (사용자와 커널간의 중간역활) 커널 :프로세스 관리 응용프로그램 : 윈도우로 치면 카카오톡이나 워드 같은 것들. 리눅스의 파일 시스템과 구조 -트리구조 -FSSTND(linux File Sytem STaNDard : 리눅스 파일 시스템 표준안) 준수하는 것을 권장 -보통 FHS(Filesystem Hierarchy Standard) 표준 파일 시스템 계층 사용 -리눅스에서 디렉토리 간 구분은 / 이고 윈도우는 \dlek. -리눅스의 디렉토리는 윈도우의 파일 개념 / 리눅스 파일 체제의 최상위 디렉토리 모든 디렉토리들의 시작점으로 일반적인 데이터를 저장하지 않는다. bin binaryse의 약어로 리눅스의 기본..

티스토리툴바