Mongo DB - MongoDB 설치법 NODE 연결방법 [내부링크]

설치환경 NodeJS : 윈도우 MongoDB : Centos6.10 (6.9 다음버전임) (필자는 데이터베이스를 별도의 서버로 개발을 합니다) MONGO DB 설치 (CentOS 6) Mongo DB 설치 y um 으로 설치시 2.16 버전이 설치되고..

MongoDB - 기본 명령어 [내부링크]

MongoDB - 기본 명령어 MongoDB 는 JAVASCRIPT 기반으로 만들어진 NO-SQL 이다. 그래서 기존 알고있는 RDBS 랑은 명령어가 다르다. SQL 은 Structured query language MongoDB 는 document 기반 nosql db..

NODE JS - FaceBook 으로 로그인하기 (passport) [내부링크]

FaceBook 으로 로그인하기 (passport) 페이스북 로그인 인증 만들기 https://developers.facebook.com/support 여기서 로그인후 내앱 -> 새앱 만들기 만들면 대시보드로 가지는데 거기서 제..

NODE JS - ESlint [내부링크]

NODE JS -ESlint ESlint 설치법 ESLint ESLint는 자바스크립트 문법 중 에러가 있는 곳에 표시를 달아놓는 도구를 의미합니다.ESLint가 뜬 이유는 바로 확장성 때문입니다. 다양한 플러그인을 사용할 수..

NODE JS - Github 으로 로그인하기 (passport) [내부링크]

Github 으로 로그인하기 PASSPORT Passport Passport 란? 브라우저에서 쿠키를 저장하고 쿠키 캐시를 갖고와서 컨트롤러에 넘기게 도와주는 미들웨어다. facebook,google,인스타그램 등등 각종 유명대기업의..

NODE JS - pug(mixin) 사용법 [내부링크]

NODE JS - pug(mixin) 사용법 MIXIN mixin 은 pug의 함수의 일종이다. 반복적으로 사용되는 html 구조를 mixin의 정의하고 그값을 인자함수로 정의해줌으로써 반복되는 html 안에 변수를 설정해줄수있다..

HTML4 - 온라인 서식 (FORM 태그) [내부링크]

태그 사용자 입력을 위한 폼을 만드는데 사용 Action = 양식이 제출 될 때 폼 데이터를 전송하는 위치지정 Method = post , get - 폼 데이터를 전송할때 사용하는 방법을 지정 - get : url 에 데이터..

[JAVASCRIPT] - 동기 , 비동기 [내부링크]

프로젝트를 진행하다보면 HTTP 통신을 통해 데이터를 가져와야할 경우가 있습니다. 기본적으로 HTTP통신은 비동기적으로 이루어집니다. 그렇다보니 데이터를 받아오기전에 Rendering이 이루어지는 경우도 있고..

javascript - throw 예외처리 [내부링크]

JAVASCRIPT THROW 예외처리  내용 throw 에 에러가 걸리면 이하 구문은 실행안하고 catch문으로 들어간다 코드 function getRectArea(width, height) { if (isNaN(width) || isNaN(height)) { cons..

D3.JS - 날짜 라인 그래프 그리기 [내부링크]

코드

[JAVA] 리터럴과 형변환 [내부링크]

 [JAVA] 리터럴과 형변환 상수와 리터럴 상수 (constant) : 변하지 않는 수 (ex : final 등으로 사용) 리터럴 (literal) : 프로그램에서 사용하는 모든 숫자,값,논리 값 (ex : 숫자,10,3.14,true,'a..

JAVA - 인스턴스, 힙 메모리 [내부링크]

객체 객체 지향 프로그램의 대상 , 생성된 인스턴스 클래스 객체를 프로그래밍 하기위해 코드로 만든 상태 인스턴스 클래스가 메모리에 생성된 상태 멤버 변수 클래스의 속성,..

전자정부 - 트랜잭션 설정하기 [내부링크]

환경 eGovFrame 3.1 (전자정부프레임워크버전) spring 3.2.9 release egov 3.0.0 version mod-socket-io 1.0.2 < -- 이건 머하는놈인질 모르겟음 XML 설정  내용 먼저 전자정부에는 context-transa..

Spring - 프로젝트 한글깨짐 설정 [내부링크]

Spring - 프로젝트 한글깨짐 설정 이클립스 UTF-8 설정 STS(스프링) 에서 한글이 깨지는 이유는 기본 인코딩이 MS949로 되어 있어서 한글이 깨진다. 인코딩을 모두 UTF-8로 변경을 해주어야 한글이 깨지지..

Java - 라운드 로빈 (Round Robin) 예제 [내부링크]

라운드로빈 자바예제 파일 쓰레드를 만들고 작업시간 분할시간을 정해서 출력해서 보여주게끔 간단하게 잔 예제이다. package javaSchedule; import java.io.BufferedReader; import java.io.IOExcept..

ORACLE - 리눅스 오라클 설치 (CentOS 6.9) [내부링크]

오라클 설치 환경 OS : CentOS6.9 x64 (정확힌 Yum update 를 해서 6.10 final 이다. 6.9도 된건 확인함) Oracle : 11gR2 오라클 설치방법 1. Oracle 설치에 필요한 rpm 패키지 설치(없으면 깐다) 아래..

HTML4 - LIST 태그 (UL , OL , DL 태그) [내부링크]

태그 UL OL DL 의 각 리스트들을 li 로 표시한다 태그 비순서형 목록 Unordered List 요소 마다 블릿이 제공됨 ( 블릿 : 특수문자) 연속으로 나열된 콘텐츠를 표현 순서가 정해져있지..

CSS3 - :not 선택자 , CSS 대문자 소문자 변환 [내부링크]

:NOT 선택자 내용 :NOT() 선택자는 ( ) 안에 있는 조건이있는놈만 빼고 CSS 문법이 적용된다. --CSS-- p:not(.classy) { color: red; } body :not(p) { color: green; } --HTML-- Some text. Some other..

HTML4 - Table (테이블) [내부링크]

테이블요소  caption 표의제목 기본값이 표의 바깥 위에서 가운데 정렬 (표의크기에서) 표의 제목 summary 표의요약글 시각장애인 전용 속성 브라우저에 시각적으로 표현되지는 않음 표의양이 얼마..

HTML4 - form 태그의 enctype 속성 (파일 업로드) [내부링크]

enctype 속성 태그의 속성인 method, action, enctype 등은 입력받은 데이터를 어떻게 처리할 것인지 세부적으로 설정하는 데 사용된다. method는 전송 방식, action은 전송 목적지, enctype은 전송되는 데..

HTML4 - Entity Code [내부링크]

Entity Code 특수문자를 특별한 코드로 표현 HTML의 문법도 특수문자와 동등하게 제공될경우 오류를 방지할 수 있음 nbsp: non-breaking space (스페이스바 1번 빈칸) lt : less than ( < ) gt : greater tha..

NODE JS - multer (파일 업로드) [내부링크]

multer 설치 multer 는 파일 업로드할떄 파일의 url을 편하게 뽑아주는 middleware다. 설치 npm install multer 파일 업로드 예제 upload.html router.js import {uploadVideo} from "../middle..

NODE JS - WEBPACK 설치와 사용법 [내부링크]

WEBPACK 내용 WEBPACK 이란 다양한 신기술? 등의 프로그래밍파일들을 웹페이지에서 호환되도록 변환해주는 번듈러이다. ES6 문법이라든가 SCSS 같은 파일들을 웹브라우저에서 읽을수 있게 ES5,CSS 로 변..

아이패드 1세데 유튜브 어플 [내부링크]

JAVA - jar 내부/외부 properties 파일 읽기 [내부링크]

DB.properties 파일 내용 properties 의 파일에 가져올 key = 내용 ; 식으로 적어준다. 어차피 java에선 properties 에서 getproperty 로 읽어오기 때문이다. driver=org.postgresql.Driver url=jdbc:..

jQuery - html 페이지 테이블 엑셀변환 [내부링크]

tabl2excel 라이브러리 사용 내용 table to excel converter java 단이나 jsp 단으로 poi나 jxl 라이브러리를 사용할수있지만.... js 로 바꾸고싶어 찾아보다 사용하기 편한 라이브러리를 발견하여 관..

HTML4 - <IMG> 태그 , <a> 태그 [내부링크]

태그 내용이 없는 경우는 빈 대체 텍스트 제공 (alt 속성 이용) alt의 대체 텍스트를 넣을경우 이미지를 있는그대로 표현할수 있는 텍스트를 넣는게 좋다. 예를들어 트위터 로고 img 파일을 너놓고 alt 속성..

HTML4 - Inline,Block 의 차이 , <h1>~<h6> 태그 [내부링크]

Block Element div , p , ul , ol , li , dl , dt , dd , h1 ~ h6 , pre noscript , table , hr , form , blockquote , address , fieldset 테트리스 블록처럼 촘촘이 쌓여가는게 특징이다. 블록요소..

NODE JS - 보안 모듈[sanitize-html] , XSS란? [내부링크]

XSS 란? 크로스 사이트 스크립팅 (또는 사이트 간 스크립팅) 이라고 불리며 영문명칭은 cross-site scripting 로 영문약어는 xss 이다 웹 애플리케이션에서 많이 나타나는 취약점의 하나로 웹사이트 관리자가..

NODE JS - express URL 파라미터 [내부링크]

express 의 대한 내용을 그전에 설치법과 같이 포스팅을 하였지만 조금더 추가 설명하기 위해 포스팅을 시작한다. express의 라우팅 기본형식 내용 express 를 사용하여 라우팅을 할경우 기본방식으로..

ORACLE - 특정테이블 다른계정 권한주기 , 계정 만들기 ,패스워드변경 [내부링크]

ORACLE 다른계정 권한주기  내용 ONE 계정의 테이블을 TWO계정에 권한을 줄려면 ONE계정으로 접속을 해서 쿼리를 날려야한다.권한을 SELECT,UPDATE,DELETE,INSERT 각각 줄수 있다. GRANT INSERT ON [..

NODE JS - 데이터 압축하기,URL로 파일접근하기 [내부링크]

compression (압축) 내용 post 또는 get 의 request 데이터를 압축해주는 미들웨어이다. 설치법 npm install compression 사용법 var compression = require('compression'); app.use(compressi..

육아일기 219일 - 땅콩을 볶아요 [내부링크]

오렌만에 뵙네요 하하 ... 요즘 저희 아가는 어린이집을 다녀요 근데 아가가 적응을 잘못하네요 ㅜㅜ 같은 반 아가들은 8개월 아가 , 돌지난아가 등 미르랑 몇개월 차이도안나는대 그 아가들은 엄마가 맡기구 휙하..

NODE JS - PM2 패키지 설치 [내부링크]

PM2 란? node js를 실행하는 프로세스를 제어할수있다. 다중으로 실행 , 끄기 , 강제로종료해도 프로세스가 다시살아나기 등등을 할수 있는 패키지이다 PM2 패키지 설치법 내용. npm install pm..

NODE js - FORM 데이터 가져오기 [내부링크]

POST 또는 GET 을 사용하는 이유 내용 post 는 데이터의 crud 중 cud를 할경우는 무조건 post select 만 할경운 get 방식으로 해도 상관없다 FORM 데이터 받기 (POST) var qs = require('querystring'..

NODE JS - 모듈이란? , module.export 와 exports의 차이 [내부링크]

모듈이란? 내용 모듈이란 관련된 객체들의 집합소. 어떠한 기능을 수행하기 위해 함수 또는 객체들을 만들어 놨으면. 그걸 한 .js의 파일에 써놓기엔 가독성이나 유지보수가 좋지 않아서 관련 함수 또는..

NODE JS - File System 파일 생성,삭제,수정,동기와 비동기 [내부링크]

File System 함수를 node js에 가져오는 방법은 require('fs'); 이다. 파일읽기 내용 var fs = require('fs'); fs.readFile('sample.txt','utf8',function(err,data){ console.log(data); }); //sampl..

VS코드 - 자동줄바꿈 켜기 [내부링크]

VS코드 - 자동줄바꿈 켜기 내용 셋팅 켜기 : File > Preferences > Settings 여기 사용자 정의셋팅에서 "editor.wordWrap": "on", 자동줄바꿈 단축키로는 Ctrl + , 입니다. (컨트롤+ 쉼표)

NODE JS - PUG 설치와 사용법 [내부링크]

Template Engine PUG의 장점 내용 Pug는 요즘 가장 핫한 Node Express Template Engine입니다. HTML을 간단하게 표현해서 가독성이 좋다. 마크업 문법보다 코드량이 적어 생산성이 좋아진다. JS 연산 결과를..

Node JS - middleware , express 의 url 추가맵핑 , 뷰템플릿 변수설정 [내부링크]

middleware 란? 요청 url 의 response를 받기 전에 실행할 함수들? 그런걸 middleware 라고 한다. java spring의 intecepter 와 똑같은 역할 middleware 의 예제 내용 아래 소스 처럼 between hom 을..

NODE JS - babel 란? (babel 설치방법) [내부링크]

babel 설치 방법 내용 npm install @babel/node babel 설치 후 babel 추가 설정 다운로드 방법 npm install @babel/preset-env npm install @babel/core 설치 후 node 동작할 메인 폴더에 .babelrc 를..

NODE JS - node js , express.js 란? [내부링크]

NODE JS 란? 내용 back-end (서버기술) 로 프론트가 아닌 백엔드에서도 javascript기술을 쓸수 있게 고안된 언어. NPM : Node Package Manager Express.js 내용 Node.js 의 프레임워크다 java 의 스프..

JavaScript - ECMA6 문법 (구조분해,애로우함수 등) [내부링크]

=> (애로우 함수) 내용 ECMA6 들어서면서 => 애로우 함수를 사용할수 있따. const handleListening = () =>{ console.log('ㅎㅇ'); } // 위에 는 const handleListening = function () { console.log('ㅎㅇ'..

POST CSS - GRID 예제파일 [내부링크]

POST CSS는 일부로 사용하지 않았다. IE에서 안먹히고 실무에서 사용하기 힘들다는게 내 판단이다. 알아두고는 있으나 사용하지 않고 하였다. GRID로 짠 레이아웃이라고 생각했으면 좋겠다. practice 1 g..

전자정부프레임워크 - MYBATIS , IBATIS 다중DB 연동 [내부링크]

IBATIS 와 MYBATIS는 연동방법이 좀다르다. IBATIS는 context-sqlMap.xml 을사용하고 MYBATIS는 context-mapper.xml 을 사용한다. 그리고 datasource도 IBATIS 는 org.springframework.jdbc.datasource.DriverM..

POST CSS - preset-env 문법 [내부링크]

matches , not 가상 클래스 내용 functional pseudo selector 가상셀렉터로 matches를 써주면 아래 소스코드처럼 변환된다. 더많은 properties는 검색 li:matches(:nth-child(even),.target){ bacground-col..

POST CSS - POST CSS 설치법 , preset-env 설치법 [내부링크]

POST CSS란? 내용 POST CSS는 우리의 CSS를 조금더 현대적으로 바꿔주는 플러그인이다. 좀더 풀어 설명하자면 POST CSS 는 JS 플러그인을 사용하여 CSS를 변환시키는 툴 입니다. 이런 플러그인을 사용하여 l..

CSS - 모바일 가로보기 landscape [내부링크]

모바일 쪽 작업을 하다보면 가로보기와 세로보기의 레이아웃을 다른게 해야할 일이 있을 때도 있습니다. 세세한 width 값을 맞춘다던가, 가로보기를 할 때 넓어진 width 에 무언가를 넣을 경우도 생길 수 있을 것..

CSS - 가로세로단위 (VH,VW,REM 등) [내부링크]

우리가 잘 알고 있는 CSS기술을 사용하는 것은 쉽고 간단하지만 새로운 문제에 맞닥드리면 해결하기 어려워집니다. 웹은 항상 성장하고 있고, 새로운 해결법 역시 계속 성장하고 있습니다. 그러므로, 웹 디자이너..

CSS - Box-shadow , text-shadow (그림자효과) [내부링크]

box-shadow 내용 그림자 효과를 나타내기위해 사용한다 box-shadow 문법 내용 첫번째 길이 값은 수평거리 (음수 :왼쪽 || 양수 : 오른쪽) 두번째 길이 값은 수직거리 (음수 : 위 || 양수 : 아래)..

CSS - 카카오톡 클론 코딩 (프론트단만. BY nicollas) [내부링크]

카카오 클론 코딩 kakaotalk My Profile Nicolas Friends' Names Display Friends LYNN Life is short. So live your life. 창을 크게해주세요 yongminlee2.github.io 카카오 클론코딩 파일입니다. githubpages..

CSS - Transition [내부링크]

Transition 트랜지션 (화면전환) l transition-property : 엘리먼트의 효과를 함께 적용할 속성들 l transition-duration : 장면전환의 시간을 설정한다 l transition: (property | duration , property |..

CSS - filter ,blend,접두어 (브라우저별 사용) [내부링크]

filter 를 쓰기전에 이건 나온지 얼마안된 속성이라 CSS 속성 중에 접두어를 붙어야 되는 경우가 있습니다. 각 접두어의 의미를 알아 보겠습니다. 쓰는 방법은 속성 앞에 붙이면 됩니다. l -webkit- : 구글 ,..

CSS - Transform [내부링크]

트랜스폼은 바꾸다는 뜻으로 도형 엘리먼트 같은것들을 회전 , 반전 같은 모양을 바꾸는걸 뜻합니다. transform은 여러가지 속성이 있지만 여기서 이걸 다기술하긴 힘들고 URL 링크로 대체합니다. TransForm 은 엘..

CSS -background [내부링크]

background-color : tomato; // 배경색을 토마토색깔 background-imge: url('퓨마.jpg'); //배경이미지 경로지정 background-repeat : repeat; //배경 반복 , no-repeat// 노반복 , repeat-x,y //x축만반복 y축만..

CSS - FLOAT [내부링크]

CSS 의 FLOAT 는 LEFT, RIGHT 로 정해서 설정할수있다 주로 그림에 쓰며 그림과 글이 어울려서 서로 가각의 공간을 차지하면서 표한하기위해 쓴다. clear 는 float의 영향을 안받게할수있다. float은 left로 설..

CSS - flex [내부링크]

시작은 css 의 display의 flex 라고 지정하고선 시작을 한다 flex는 부모태그에 지정을해서 자식태그들이 정렬 되게 한다. flex 를 안줬을경우 flex를 줬을 경우 flex - direction 속성 1. flex..

CSS - 타이포그래피 [내부링크]

css 의 단위 px , em , rem PX EM REM 16px 1em 1rem 절대적 , 고정된크기 상대적 상대적 브라우저 설정 크기 고정 브라우저 설정 크기 바뀜 브라우저 설정 크기 바뀜 설명이 좀 빈약한대 결론적으로 REM을 써..

CSS - box-sizing [내부링크]

개요 box-sizing은 박스의 크기를 어떤 것을 기준으로 계산할지를 정하는 속성입니다. 기본값 : content-box 상속 : No 애니메이션 : No 버전 : CSS Level 3 문법 box-sizing: content-box | border-box | init..

CSS - GRID [내부링크]

GRID - FLEXBOX랑 쓰는 방법은 비슷하지만 FLEXBOX의 한계점을 보완한다 justify-content : space-around; flex-wrap : wrap; 같이 햇을경우 떨어지는것들에 대해서 조정하기가 어렵다. 등등 많은이유가 있지만..

NODE JS - NODE JS 설치 , NPM 설치 ,PARCEL 설치 [내부링크]

1 .NODE JS 설치 1. 아래 URL 주소로 NODE JS 접속 해서 각 자기 OS 환경에 맞는 버전 다운 저는 윈도우 10 64비트라 저거 클릭후 다운받음. 파일 다운로드 혹시나 싶어서 분할압축으로 NODE JS 윈도..

청주 - 부민 세숫대야 냉면&쭈꾸미 (율량동 배달맛집 불향쭈꾸미) [내부링크]

*****따로 광고신청을 받은게아닌 오로지 제 독단의 맛집 리뷰일 뿐입니다.***** 집에서 와이프가 쭈꾸미를 먹고싶다하여 배달의민족으로 시켜먹은 쭈꾸미 맛집입니다. 사실 별기대 안하고 시킨건대 생각보다 맛잇..

javascript - foreach 문 , for in 문 , for of문 [내부링크]

foreach 문 내용 foreach 반복문은 오직 Array 객체에서만 사용가능한 메서드입니다. (ES6부터는 Map,Set 지원) 배열의 요소들을 반복하여 작업을 수행할수 있습니다. foreach구문의 인자로 callback함수를..

CSS - multi-column (다단) [내부링크]

l column-count : 본문의 단을 나눌때 정수를 써서 몇단으로 나눌지 표시한다 l column-width : 단을 나누는 기준을 단의 크기(너비)로 지정한다 l column-gap : 단을 나누는 기준을 단과 단사이의 넓이로 지정한..

CSS - margin 겹침 [내부링크]

border 가 없는 빈 block 엘리먼트일경우 각각의 엘리먼트들의 margin 은 서로 겹쳐서 같이쓴다 하지만 border를 1px solid 같은경우로 지정을 해줫을경우엔 그럴경운 margin을 같이쓰는게아니라 따로 쓰게된다 어..

육아일기 205일 - 오렌만에 올리는 최근근황 [내부링크]

안녕하십니까? 하하하 오렌만에 육아일기 글을 쓰네요!! 최근 뭐 그다지 특별한 일은 없어서 글을 쓰지를 못했어요 그래서 공부만하고 공부에대한 내용만 정리하다 오렌만에 그동안 찍어논 사진 조금씩이라..

javascript 구동방법이해하기 [내부링크]

자바스크립트의 변수 변수는 프로그래밍언어를 배울때 가장먼저 접하는 개념입니다. 언어가 어떤 형태의 데이터를 선언하고 다룰것인지를 결정하는 부분이라 실제 언어의 특성들을 이해하기 전에 가장 먼저 접할수..

javascript - 콜백함수 확장판 (콜백함수 이해하기) [내부링크]

최근 들어 node.js를 이용한 서버사이드 프로그래밍이 증가하면서 callback함수에 대한 이해도를 높일 필요가 있었습니다. 우리가 DOM을 다룰때 가장 흔히 사용하는 라이브러리인 jQuery도 대부분의 이벤트를 call..

javascript - 콜백함수,함수의 선언,클로저 [내부링크]

함수의 선언 내용 함수 선언식 - Function Declarations 일반적인 프로그래밍 언어에서의 함수선언과 비슷한 형식이다. // 예시 function funcDeclarations() { return 'A function declaration'; } funcDec..

CSS - 우선순위 cascading(캐스캐이딩) [내부링크]

CSS 의 약자는 Cascadin Style Sheet (종속형 시트) cascading : 폭포같은 , 계속되는 , 연속적인 이다. 우선순위는 1. 태그의 인라인 Style 속성 테스트 2. id 선택자 #id{ color : "red"; } 3. class..

CSS - 가상클래스(pseudo) [내부링크]

a 태그의 링크중 선택안되었던것은 파란색 선택된것은 보라색 으로 된걸 본적있을것이다. 이렇게 마우스의 기능에 따라 css가 바뀌는걸 가상클래스 수도클래스 라고한다 a:active{ color : green; //마우스 클..

CSS - display 속성 [내부링크]

display 속성 1. block Element 를 block 로 설정하면 그 줄에는 그 Element 말곤 존재할수없다 2. inline-block 높이 위치등을 설정하였을경우 그 속성의 값을 가지고 차례대로 나열된다 3...

CSS - 선택자(selector) [내부링크]

CSS 선택자 이건 JS 를 하는사람이라면 똑같아서 구지 안쓰려 햇지만 한번 써봅니다. div { background-color : red; } // 태그 선택자 .class { background-color : red; } // 클래스 선택자 #id { background-co..

CSS - @media 쿼리 [내부링크]

반응형 디자인을 만들기 위해서 쓴다 특정 페이지 크기 이상이되면 css를 동적으로 사용할수 있다. <!DOCTYPE html> Document @media (min-width: 600px) { /*페이지크기 600px이하 되면 아래 구문 수행*/ /* widt..

CSS - 애니메이션 @keyframes [내부링크]

CSS 애니메이션은 자바스크립트로 표현하는 것보다 더 상세히 기술할수있는 용량을 줄이는 획기적인 방법이다. transition 과 매우비슷 (사실 뭐가 다르냐) 선언은 @keyframes 이름 { } 으로 기술하며 0% 부터..

육아일기 191일 - 어린이집 OT와 서울 결혼식 나들이 [내부링크]

오늘은 어린이집 OT 가는날 아침엔 OT를 가고 저녁엔 서울결혼식장을!! 우리애기의 머리털 나고 서울 첫 나들이네요~ 어린이집 오티현장~ 저희아가를 돌봐줄 선생님들을 만나 뵜어요! 선생님 1분당 아..

육아일기 173일 - 떡 뻥을 먹어요 [내부링크]

하하하 안녕하십니까! 아이 육아일기를 쓰는 아빠개발자 입니다.! 매일 매일 육아일기를 쓰려고 다짐을 했는데 ㅎㅎ 이게 참 마음처럼 쉽지가않네요 ㅎㅎ 무엇보다..... 매일매일 쓸만한 소재? 라고해야하나 그런..

육아일기 171일 - 아가야 자면안되! [내부링크]

오늘은 일요일! 장인어른 생신일! 아가야 외할아버지 외할머니 보러가자! 하지만 너의 어머님은 오늘도 꿀잠을 주무신단다... 그러니 거실에 나와 아빠랑 놀자 움직이진 못하지만 서있기는 가능한 우리..

육아일기 170일 - 주말은 아빠랑 노는날 [내부링크]

원래 하루있었던일을 그다음날에 작성을 하였는데 주말이라 작성하다가 와이프한테 걸려서.... 와이프한테 보이기가 아직 부끄러워 말을 못햇어요... 그래서 월요일이 되어서야 올리네요...! 육아일기 시작... ..

육아일기 169일 - 목욕은 전쟁이야! [내부링크]

오늘은 애기를 씻기는 날!!! 저흰 애기를 2일에 한번씩 목욕시킨답니다! 욕조에 물을 받아서 같이목욕하는데요..... 한번 씻을 때마다...... 전쟁이야! 씻기전 사진 찰칵? 침을 질질질질..... 씻기 싫어요!!..

육아일기168일 - 니가 울면 나도 울어 [내부링크]

(2019-01-24) 이제부터 나도 육아 일기를 써보려 한다! 미안해 우리애기....... 원래 엄마가 써줘야 하는대......... 엄마는 흥미없대......... 그래서 이제라도 늦엇지만 우리 애기 아빠가 매일매일 조금이라도..

육아일기 188일 - 잼잼놀이문화센터 [내부링크]

안녕하십니까! 개발자아빠 입니다!~ 오늘은 아이랑 애기엄마랑 제 아는 지인과 함께 방문했어요! 이런곳이 있었다는게 참 신기해요! 애기가 너무 힘들어서 혼이 다빠졌지만.... 그럼 육아일기 쓰똬또! 아기..

CSS - 문서의 보이는 순서 (Z-INDEX , POSITION) [내부링크]

POSITION HTML 문서의 엘리먼트 배치는 일단 순서대로 배치가된다. 그중 POSITION 속성이 있으면 POTSITION 의 값과는 상관없이 POSITION의 속성이 있는 엘리먼트들이 순서대로 배치가된다 하지만 POSITION이 없..

아내일기 - 190226 아내 부황을 뜨다... [내부링크]

아내에게 부황을 떠줬다... 입으로 부황자국을 등짝에 2개를 남겼다가.... 와이프가 은근 좋아한느거 같길래... 셀프 부황(실리콘으로된) 게 있어서 등짝에다가 5개의 동그라미를 만들었다... 이걸로 아내 등짝에..

육아일기 185일 - 아가랑 컴퓨터랑 [내부링크]

안녕하십니까 하하하 육아일기를 미뤄서 쓰게될줄이야 정말 생각보다 힘드네요... 지금 이거 쓰고 있는데 와이프가 자꾸 배고프다고 (밥먹은지 30분밖에안됨) 하길래....... 혹시 임신했냐고? 하니간.... 님을봐야..

육아일기 180일 - 설날에 새배를 해요! [내부링크]

모두모두들 안녕하십니까?! 일단 새해 복 부터 받고 가실게요! 새해 복 많이받으세요 제사상 앞에서 울고 있는 우리 아기 모두들 새해 기념은 새우셨나요? 저흰 설날에 제사를 지내느라 바빳네요 휴 설날에..

육아일기 177일 - NoName [내부링크]

하하하... 되게 오랜만에 쓰는것 같네요... 그동안 마땅히 무언가가 안떠올라서 막연히 손을 놓고있었네요... 아가야 미안.... ㅋㅋㅋ 매일매일 쓴다고했지만 아빠가 작심삼일이란다... 매일매일쓰는게 매우힘들구..

UI / UX 란? [내부링크]

UI란 ? User Interface의 약자로 사용자가 보는 모든 시각적인 표현 (색 , 디자인 등) 게임으로 예를들면 HP는 막대그래프로 표시하고 빨간색을 집어넣고 MP는 막대그래프를 집어넣고 파란색을 표시하는 시각적으..

ORACLE - sessions,processes 확인 및 변경 [내부링크]

l oracle : 11g realse2 버전사용중 sessions, processes 현재 사용중인 수 내용 processes : 프로세스 수 sessions : 세션 수 CURRENT_UTILIZATION : 현재 접속 수 MAX_UTILIZATION : 오라클 기동 시점..

오라클 실행계획 문법 [내부링크]

select 절 앞에 explain plan for 을 적으면 된다 예) select * from 테이블 의 실행계획을 보고싶다면 explain plan for select * from 테이블 적으면 질의 결과에 설명되었습니다. 그후 쿼리문에 SELECT PLAN_T..

오라클 메모리 누수? , full scan시 메모리 누수 문제 [내부링크]

W먼저 본인은 1초당 210개의 테이블에 INSERT,DELETE 가 일어난다. 하루에 1테이블당 86400건씩 INSERT와 DELETE 가 일어난다. 결과적으로 테이블엔 1 row 씩 밖엔 없는대..... select 쿼리시 메모리 누수문제가..

오라클 데이터베이스 에러 (ORA-01578 , ORA-01110 , ORA-26040) [내부링크]

아래 글로 startup 을 정상적을 다시 하였지만 데이터베이스 내의 .dbf 깨져서 위와 같은 에러 로그 발생 ORA-01578 ORACLE 데이타 블록이 파손되었습니다 (화일 번호 %s, 블록 번호 %s) ORA-01110 데이타 화..

오라클 에러 (ora-01172 , ora-01151) 해결방법 [내부링크]

오라클을 재기동 하려고 shutdown 하고 실행시 아래 사진처럼 에러가 뜸 ora-01172 ora-01151 위 에러를 검색한결과 ORA-01172 : 쓰레드 %s의 복구가 블록 %s(화일 %s의)에서 더이상 진행되지 못합니다. ORA-0115..

크롬개발자도구 설명글 [내부링크]

1.Elements -html의 태그의 각각의 요소들 (dom 요소) 한 dom 에 2가지의 css가 적용되있지만 우선순위에 따라서 적용 안된 css 는 저렇게 줄이 그어져있다. DOM 구조를 브레이크 포인트로 넣을때(변경됫을때,..

DNS - (Domain Name System) [내부링크]

DNS란 도메인의 주소를 할당하는 아이피를 적어놓은 서버? 시스템을 의미한다 도메인 주소의 BLOG.EXAMPLE.COM. 여기서 blog. = sub -level 이고 example. = Second-level 이고 com = top-level . Root ..

HTML 태그 (Input태그 속성{pattern,required,autofocus,placeholder}) [내부링크]

Input 태그의 주요 속성 (HTML5) l pattern : 정규식 표현을 넣어서 데이터를 검증할 수 있다. l required : 필수 입력사항인지 여부를 세팅할 수 있다. l autofocus : 페이지가 열릴 때 처음으로 포커스가 이..

HTML5 태그 (2) - article,section,nav [내부링크]

article : 1. (신문·잡지의) 글, 기사 2. (합의서·계약서의) 조항 3. (특히 세트로 된 물건의 개별) 물품 section: 1. (여러 개로 나뉜 것의 한) 부분, 부문, 구획 2. (조립식) 부품 3. (문서책 등에서) 절(..

HTML 태그 [내부링크]

HTML 은? Hyper Text Markup Language 크게 태그와 의 태그로 나뉘어진다 태그의 내용들은 브라우저가 보기 위한 정보로 되어있어 일반사용자는 보질 못하고 태그의 내용들로 일반사용자가 자주 본다. 태그안에..

jQuery 란? [내부링크]

라이브러리 (jquery.com) 자주사용하는 로직을 재사용할 수 있도록 고안된 소프트웨어를 라이브러리 라고 한다. CDN(Content Delivery Network) 제이쿼리 같은 JS 파일을 직접 로컬에 다운 받지 않고 웹주소 UR..

제이쿼리의 기본문법 [내부링크]

$('li').css('color','red'); 제이쿼리는 항상 $로 시작합니다 $ = jquery function 입니다. (제이쿼리 함수다) $('css 선택자') $('li') // $('li') 는 var object2 = (function() { return document.getElem..

jQuery - 속성 제어 api (JS의 ELEMENT와 이어짐) [내부링크]

제이쿼리는 자바스크립트보다 보다 실용적이고 적은 코딩으로 작성하기 때문에 줄임말을 자주사용한다 setAttribute , getAttribute 에 대응 되는 jquery의 메소드는 attr이다. $('t1').attr('checked'); // getAt..

JQuery - NODE 객체 [내부링크]

<!DOCTYPE html> Page Title 1 2 3 4 A B C D //var ul = document.getElementById('ul'); $('#ul').prepend('프리펜드'); // ul 시작후 첫번쨰 노드에 $('#ul').append('어펜드'); // ul 시작후 마지막 노드에 $..

자바스크립트 기본 [내부링크]

자바스크립트는 html 위에서 작동한다 html을 동적으로 작성하기 위해 자바스크립트라는 기술이 나왔습니다. 자바스크립트 데이터타입 1. Boolean 2. Null 3. Undefined 4. Number 5. String 6. Symbol (new in..

자바스크립트 공부내용 정리 [내부링크]

자바스크립트는 var a = '1' alert(a) var a = '1'; alert(a); 이렇게 줄바꿈 하면 문장이 끝낫다고 알기때문에 ; 안붙혀도 작동이노딘다 하지만 ; 을 명시적으로 적어주는게 좋다 var a = 1 //여기서 a //는..

JavaScript - NODE 객체 [내부링크]

모든 엘리먼트들의 거희 조상이다. 여러가지 형태의 HTML코드를 객체화 시킨게 DOM 이다. NODE 관계 엘리먼트는 서로 부모,자식,혹은형제자매 관계로 연결되어 있다. 각각의 Node가 다른 Node와 연결된 정보를..

javascript - let,var,const 차이 [내부링크]

ES6 에서 LET , CONST라는 개념이 도입됫다 es5? 인가? var a = 'abcd'; var a = 'bcdef'; 이렇게 이미선언한 변수를 다시선언하면서 값을 넣는것도 가능하게된 이상한 구문이된다 하지만 let 을 선언하면 저런건..

자바스크립트 공부내용정리(2) [내부링크]

**정규표현식 리터럴** var pattern = /a/; var pattern = new RegExp('a'); 두가지 모두 같은 결과를 만들지만 각자가 장단점이 있다. pattern.exec('abcde'); 객체 안에 함수가 들어가있으면 그건 '메소드..

자바스크립트 - 제어대상 찾기 (dom요소 찾기) [내부링크]

문서를 자바스크립트로 제어하려면 제어의 대상에 해당되는 객체를 찾는 것이 제일 먼저 할 일이다. 문서내에서 객체를 찾는 방법은 document 객체의 메소드를 이용한다. 1.html 태그로 선택하는 방법 상위..

JavaScript - .map , ELEMENT [내부링크]

<!DOCTYPE html> Document html css abcdbcd var li = $('li'); li.map(function(index,elem){ console.log(index,elem); $(elem).css('color','red'); }) li 를 제이쿼리 객체로 만들고 map 이라는 메소드는 함수..

javascript - DOM 선택 STYLE 바꾸기 [내부링크]

자바스크립트에서 String 는 '' 나 "" 로 할수있지만 `` 로 사용할 수 도있다 ''로 사용할경우 변수를 넣을수도있다 const abcd = ` abcdefg `; console.log(`abd ad` + `adf egfle ${abcd}`); //bd adadf egfle a..

javascript - 바닐라자바스크립트 예제(nomad by nicollas) [내부링크]

이 예제는 https://academy.nomadcoders.co/courses/435558/lectures/6701513 공지사항 크롬 앱 클론코딩하며, JS 이론 배우기 [초급] HTML, CSS, JS academy.nomadcoders.co 위 강의에 들어있는 니콜라스 선생님..

스프링 Junit 테스트 예제 [내부링크]

@RunWith(SpringJUnit4ClassRunner.class) @ContextConfiguration(locations = {"file:src/main/webapp/WEB-INF/spring/**/*.xml"}) public class BbsDAOTest { @Inject private BbsDAO bdao; private static Logg..

SPRING [SOAP , RESTFUL] 에 대한 이해 (1) [내부링크]

[SOAP] 기반 웹서비스 - SOA : 해당서비스를 서로 조합해서 업구 기능을 구현한 어플리케이션을 만들어내는 소프트웨어 아키텍처 - DATA ---> XML로 표현 - UDDI : Universal Description, Discovery and Integ..

SPRING [RESTFUL] 에 대한 이해 (2) [내부링크]

RESTFUL 어노테이션 스프링 3.0 에선 @RESOPONSEBODY , @CONTROLLER 를 각각의 메소드에 써서 리턴타입으로 자원만 줬으나 스프링 4.0 에선 @RESTCONTROLLER 를 클래스에 한번만 기술하면 클래스에 있는 모든..

HTTP 상태코드 (에러코드) 와 스프링에서 http 상태코드 전달방법 [내부링크]

[HTTP 상태코드] # 100 번대 상태코드: 100 ----> 데이터의 일부를 서버가 받은 상태(처리중인 상태) # 200 번대 상태코드 : 정상적인 처리 후 응답 200 ----> OK 에러없이 정상처리 204 ----> 정상처리 되..