Web

Asynchronous JavaScript and XML 비동기적으로 서버와 브라우저가 데이터를 주고받는 방식이다. 비동기적? 그럼 동기적은 뭘까?동기적 Synchronous 어떤 작업을 요청했을 때 그 작업이 종료될 때까지 기다린 후 다른 작업을 수행하는 방식.일의 순서가 순차적으로 진행된다. 비동기적 Asynchronous작업을 요청 했을 때 그 작업이 종료 될 때 까지 기다리지 않고 다른 작업을 하고 있다가 요청했던 작업이 종료되면 그에 대한 추가작업을 수행하는 방식.작업을 병렬적으로 처리한다. 예를들어 HTML의 폼을 작성하여 다음 페이지로 넘겨주거나 할 경우 한가지 밖에 수행을 하지 못한다.회원가입창에서 회원가입 완료창으로 넘어가는 하나의 과정을 동기로 처리할 수 있다.비동기는 회원가입 페이지에..

React.JS는 Facebook팀에서 만든 UI 라이브러리이다. Facebook은 Data관리에 아주 고심을 겪고있었다고 한다. 분명 메시지를 읽었음에도 불구하고 새로고침을 하거나 새창을 키고나면 읽음 표시가 없어지지 않는 그런 느낌적인 느낌느낌? 그러다보니 사용자들이 불편함을 호소하고 불편한 목소리가 들리지 않았을까? 내가 사용해 보고 느끼는 리액트는 사회자가 카드를 교환해 주는 것 같은 느낌이다. 어떠한 정보는 사회자가 가지고 있고 정보와 예쁜 외관을 합쳐 나는 카드를 받아보는 것이라고 해야하나? 암튼 React에 대한 특징은 다음과 같다. ■ Javascript로 이루어져있다. ■ Component(구성요소)별로 나누어서 작업 할 수 있다. ■ JSX Language를 사용한다. - javascr..

body에 마우스 우클릭을 하면 alert창과 함께 false를 던지는 함수를 주면 됩니다. 1234567891011121314151617181920212223242526 마우스 오른쪽버튼과 내용선택막기 function blockRightClick(){ alert("우클릭ㄴ니니"); return false;}function blockSelect(){ alert("내용니니"); return false;} 마우스 오른쪽버튼과 내용 선택 막기 마우스로 오른쪽버튼을 클릭하거나 그래그해서 내용을선택해보세요 Colored by Color Scriptercs

Middlewareexpress의 핵심 요청과 응답의 중간에 위치해서 middleware라고 합니다. 주로 middleware는 app.use와 함께 사용됩니다. app.use(express.static('public')) 이 부분도 미들웨어에 해당합니다. router이제 router를 만들어 봅시다. router폴더를 새로 만듦니다 그리고 index.js를 만들고 그안에 login폴더와 login.js를 만듭니다. app.js에 다음의 코드를 추가하세요 const router = require('./router/index') /* 중략 */ app.use(router) app.use(router)는 맨 아래쪽에 작성하세요. app.js에 있는 '/' 를 읽는 app.get( ~ )코드를 삭제하고 ind..

node.js를 까먹지 않기 위하여 작성하는 글입니다. 폴더를 만드세요. 예를 들어 test 폴더라고 칩시다. 터미널로 가서 1npm initcs node package management를 여기에서 사용 할 것이라고 말해 줍시다. 여기서 init하게 되면 package.json 파일이 생깁니다. Express1npm install express --savecs 여기서 express는 node에서 웹서버를 만들 수 있는 프레임워크 입니다. express이외에도 koa, hapi 등 있습니다. 여기서 --save란 "이 노드프로젝트가 의존하고있는 외부라이브러리를 불러와서 거기 넣고 package.json에다 기억시켜줘"라는 말과 같습니다. 이렇게하면 dependency 안에 express라고 생길 것입니다..

CSS 취향은 가지가지니까 들어가서 둘러보길! 무료 유료 섞여있긴한데 내가 자주가는 사이트만 넣었음. 사진 누르면 이동쓰=3 HTML5 UP TEMPLATED 제일 자주감 걍 깔끔해서 가볍게 쓸 수 있음 Free CSS 자주는 안가는데 걍 Colorlib ThemeForest(유료) but 조녜시다...! Best Free HTML CSS Templates ㅇㅅㅇ

위에 sendAjax호출 부분 보면 두번째 매개변수를 이미 json으로 보내주고 있음 근데 나는 json으로 되어있는 애를 xhr.send하려 하니까 터졌음 그걸 json.stringify해주면 문자열로 변환시켜주기때매 잘 전달된다 +추가 근데 다른사람 코드보면 그냥 json보내도 되는데 왜 내껀안되지?

이번 게시글에서는 mybatis를 직접 써 보려고 한다. src/resources 경로에 mybatis-config.xml 파일을 만든다. 그리고 mappers라는 폴더를 만들고 그안에 또 MemberMapper.xml 파일을 만들어 준다. 123456789101112131415161718192021222324252627 select * from member where name='you' Colored by Color Scriptercs 그렇게 한 뒤 위의 코드를 각 xml파일에 추가해서 넣어 준다. MemberMapper에서 select는 resultType을 DTO로 설정해주었다. @Repsotory에서 member.test로 부르면 member 매퍼에 해당하는 xml파일에 와서 test에 해당하는 ..

지난 게시글에서는 jsp파일을 만들고 home에서 컨트롤러 매핑을 거쳐 새로운 jsp페이지를 데려오는 과정을 만들어 보았다. 이번 게시글에는 새로운 jsp페이지에 DB에 저장된 값을 전달하는 것을 해 볼 것이다. Oracle 쿼리쓰기 DB에 저장된 값을 가져오기 위해서는 일단 DB에 무언가가 저장이 되어 있어야 할 것이다. 그럼 Oracle Developer를 키고 생성되어있는 사용자와 비밀번호를 입력한 후 쿼리입력창으로 가자. 123456create table member (id varchar2(20) primary key not null,name varchar2(20) not null); insert into member values ('ryeom','you');cs 새로운 테이블을 만들고 그 안에 ..

Spring을 사용하며 굉장히 편하다고 느끼는 것은 DB관리이다. mybatis를 사용하면 코드가 비교적 깔끔해 진다. 예전에 jsp로 만든 MVC project의 일부이다. 1234567891011121314151617181920212223242526272829303132333435 Connection con; PreparedStatement pstmt; ResultSet rs; Board_Bean b_bean=new Board_Bean(); int result=0; public boolean boardInsert(Board_Bean board){ String sql=""; int result=0; try{ sql = "INSERT INTO LG_BOARD(BOARD_NUMBER,BOARD_TITLE,..

Spring Project를 생성하자마자 Run on Server 하면 요렇게 2018? 12? 17? 막 요런 이상한 물음표들이 마구 뜨게 된다. 한글 설정을 UTF-8로 안해줘서? 맞음ㅇㅇ.. 그 설정을 어디서 하능가? 하니 여기에!!!!!!!!!!!!! web.xml file을 찾아 태그 안에 걍 맨 밑줄에 넣어주면 끝 ! 12345678910111213141516171819 encodingFilter org.springframework.web.filter.CharacterEncodingFilter encoding UTF-8 forceEncoding true encodingFilter /* Colored by Color Scriptercs 이거 딱 넣어주면 이거처럼 깔끔하게 한글이 나오기 시작한다!

보호되어 있는 글입니다.