본문 바로가기

길위의 흔적532

4.레이아웃 - 칼럼 탈락 현상 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879샘플.boxA:after {content: ""; display: block; clear: both}.box1 { float:left; width: 50% ; height: 200px; border:4px dotted green; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .box2 {float:.. 2016. 11. 2.
3.레이아웃 - 박스너비 지정 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081샘플.boxA:after {content: ""; display: block; clear: both}.box1 { float: left; width: 33.3333% ; height: 200px; border:4px dotted green; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .bo.. 2016. 11. 2.
2.알고리즘 - 순서도 순서도: 컴퓨터로 처리하고자 하는 문제를 이해하여 그 처리 순서를 단계화 하고,일정한 기호를 사용하여 일처리 순서를 일목요연하게 나타낸그림 *토큰 1.예약어 : AND, EOF, NOT, OR START,STOP 등.. 2.식별자: 배열, 변수, 기호상수(바뀌지 않는 값 정수,실수,문자,논리,문자열 상수가 있다) 3. 연산자: = + - / 등... 4. 기호: 단말기호: START, STOP , 준비기호 : 초기값 , 입출력기호 처리기호, 비교및 판단 기호, 연결자 기호 2016. 11. 2.
1.알고리즘 - 소프트웨어에 관해서 소프트웨어 1.중앙처리장치 : 프로그램의 명령어를 해독하여 그에 따라 실행하는 장치 기억, 연산, 제어 담당 2.주 기억장치: 중앙처리장치와 직접 데이터를 교환 할 수 있다. 3.램 : 데이터를 기록하고 판독 할 수 있다. 4.보조 기억 장치 : 주기억 장치(rom ,ram )의 기억 용량이 부족 할때 보조. - 중앙처리장치는 보조기억장치에 저장된 프로그램으로 부터 명령어를 읽어 들일 수 없고 주기억장치에 있는 프로그램으로부터 명령어를 읽어 들일 수 있다. 따라서 소프트웨어를 설치만 하고는 그 기능을 사용할 수 없고 실행을 해서 주 기억장치인 ram에 올려야한다. 또한 보조기억장치에 있는 프로그램을 주기억장치인 램에 복사하는 작업을 적재 (LOAD)라고 한다. *소프트웨어 분류 - 소프트웨어는 컴퓨터를 .. 2016. 11. 2.
3.레이아웃 - 가로 정렬할 박스의 개수 변경 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253샘플.box1{border:4px solid green; line-height: 200px; float:left; width:32.5%}.box3{border:4px solid green; line-height: 200px;float:left; width:32.5%}.box2{border:4px solid green; line-height: 200px; float:left; width:32.5%}.box4{border:4px solid green; line-height: 200px;}.boxA:after{border:4px solid.. 2016. 11. 1.
2.레이아웃 - 박스가로정렬 1. 1. float를 left로 지정하면 박스는 자신이 가진 너비만큼 차지하며 순서대로 왼쪽에 붙어 위치를 잡는다. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849샘플.box1{border:4px solid green; line-height: 200px;}.box2{border:4px solid green; line-height: 200px; float:left}.box3{border:4px solid green; line-height: 200px; float:left}.box4{border:4px solid green; line-height: 200px;}.boxA{border:4px so.. 2016. 11. 1.
1.레이아웃 - 박스정렬 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849샘플.box1{border:4px solid green; line-height: 200px;}.box2{border:4px solid green; line-height: 200px;}.box3{border:4px solid green; line-height: 200px;}.box4{border:4px solid green; line-height: 200px;}.boxA{border:4px solid RED; line-height: 200px;} BOX1 BOX2 BOX3 BOX4 Colored by Color Scriptercs 두번째와 세번째 박.. 2016. 11. 1.
19.스프링프로젝트 - 화면이동 redirect 화면이동 redirect 2016. 11. 1.
[책 리뷰] 비전공자를 위한 자바 IT강희은 지음228쪽한빛미디어 제목에 ‘비전공자를 위한’이라는 수식어가 붙은 책 중에 비전공자가 집필한 책은 거의 찾아보기 힘들다. 하지만 이 책은 인문학을 전공한 저자가 컴퓨터 언어를 배우는 과정에서 체득했던 지식과 노하우들을 ‘비전공자의 눈높이‘에서 최대한 쉽게 풀어썼다. IT 서적이지만 책의 두께가 얇고 핵심만 골라 그림과 함께 설명해 놓아 최고의 컴퓨터 언어 입문서로 손색이 없다. 2016. 11. 1.
18.스프링프로젝트 - 메뉴바(구버전) 방명록 조회 수정 삭제 - 방명록 테이블 0. 방명록 DTO 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162package com.example.web03.model.guestbook.dto; import java.sql.Date; public class GuestbookDTO { private int idx; private String name; private String email; private String passwd; private String content; private Date post_date; public String getEmail() { return .. 2016. 11. 1.
17.스프링프로젝트 - includ를 이용한 회사소개 페이지 1. header 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 Company YNG Corp. 로그인·회원가입 [ ${sessionScope.name}님 로그인 중 ] 로그아웃 회사소개 제품정보 커뮤니티 고객지원 Colored by Color Scriptercs 2. side 123456789101112 회사소개 ceo 인사말 찾아오시는길 Colored by Color Scriptercs 3. footer 12345678910111213141516171819202122232425262728293031323334 All cont.. 2016. 11. 1.
16.스프링프로젝트 - 메인 화면 소스 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816.. 2016. 11. 1.
15.스프링프로젝트 - 맴버 수정 삭제 1. 수정 컨트롤러 1234567891011121314151617181920212223242526//아이디 비번 확인후 수정 @RequestMapping("member/memberUpdate") public String memberUpdate(@ModelAttribute MemberVO vo, Model model) { //아이디 비밀번호 맞는지 체크 boolean result = memberDao.pwdCheck(vo.getUserid(), vo.getUserpw()); if (result) { //아이디 비번이 맞을때 memberDao.updateInfo(vo); //redirect => 서블릿 (컨트롤러) 호출 // redirect 없으면 바로 jsp 페이지로 이동 // /member => 루트 디.. 2016. 11. 1.
14.스프링프로젝트 - 맴버 아이디 비번 체크 1.아이디 체크 컨트롤러 123456789101112131415161718192021222324252627 //아이디 비번 확인후 수정 @RequestMapping("member/memberUpdate") public String memberUpdate(@ModelAttribute MemberVO vo, Model model) { //아이디 비밀번호 맞는지 체크 boolean result = memberDao.pwdCheck(vo.getUserid(), vo.getUserpw()); if (result) { //아이디 비번이 맞으면 업데이트 실행 memberDao.updateInfo(vo); return "redirect:/member/memberList"; } else { //아이디 비번이 틀릴때 mo.. 2016. 11. 1.
13.스프링프로젝트 - 맴버상세&수정&삭제 1 1. 맴버 상세 페이지 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657Insert title here $(document).ready(function() { //수정 버튼 클릭했을때 $("#btnUpdate").click(function() { document.form1.action = "/web03/member/memberUpdate"; document.form1.submit(); }); //삭제버튼 클릭 $("#btnDelete").click(function() { //confirm() 확인 => true, 취소는 = false if (confirm("삭제하시겠.. 2016. 11. 1.
12.스프링프로젝트 - 맴버리스트 코드 0. 맴버 리스트 페이지 1234567891011121314151617181920212223242526272829303132333435363738394041 Insert title here 회원목록 아이디 이름 이메일 회원가입일자 ${row.userid} ${row.username} ${row.email} ${row.regdate} Colored by Color Scriptercs 1. 맴버 리스트 컨트롤러 123456 @RequestMapping("member/memberList") public void memberList(Model model) { model.addAttribute("list", memberDao.memberList()); //void 라고 하면 위의 requestmapping에 입력.. 2016. 11. 1.
11.스프링 프로젝트 - 맴버 insert 상세코드 1. 로그인/회원가입 폼 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 Login&Join Mana 로그인 회원가입 Your email Your password Remember me Forgot your password? Your name Your email Your password Terms and conditions var a="${message}";if(a.length>1){ $(window).loa.. 2016. 11. 1.
10.스프링프로젝트 - 회원추가 코드 스프링 프로젝트 회원추가 코드 2016. 10. 31.
9.스프링프로젝트 - 인터페이스 개념 인터페이스 개념 2016. 10. 31.
8.스프링프로젝트 - 스프링 한글 필터링 스프링 한글 필터링 2016. 10. 31.
7.스프링프로젝트 - 스프링 오라클 연동하기 스프링 오라클 연동하기 2016. 10. 31.
6.스프링프로젝트 - 환경설정4 java jdk 버젼 설정 : 1.6-> 1.8로 수정 java build path-libraryjava compilerproject facets pom.xml에서 스프링 버젼을 4.3.0 이나 4. 대로 변경 2016. 10. 31.
5.스프링프로젝트 - 메이븐으로 jar파일 추가하기 메이븐으로 jar파일 추가하기 메이븐리파짓토리 페이지에서 검색창에 필요한 jar파일을 입력한다아래의 dependency 소스를 복사해서 pom.xml 에 붙여준다. 2016. 10. 31.
4.스프링프로젝트 - 스프링 웹페이지를 구글로 설정하기 스프링 웹페이지를 구글로 설정하기 2016. 10. 31.
3.스프링프로젝트 - 환경설정3 서버가 구동되면 web.xml 이 제일 먼저 실행된다. 스프링 구동되면 web.xml (배치 기술서)가 먼저 실행된다.(스프링 컨테이너 생성) root-context.xml , 안의 스프링 프레임워크가 올라간다. 스프링의 환경설정 파일 로딩 그후 안의 내용이 실행된다. contextConfigLocation/WEB-INF/spring/appServlet/servlet-context.xml appServlet/ "/" 로 들어오는 모든 주소는 스프링의 " dispatcherServlet"이 처리한다. do* 라고 적으면 do* 로 끝나는 모든 주소를 스프링이 처리하게 된다.(모든 요청에 대해서 스프링 서블릿이 처리) ==================================================.. 2016. 10. 31.
2.스프링프로젝트 - 환경설정2 메이븐 라이브러리 : 사용자/.m2 디렉토리 확인 - jdk 버전 수정 : Project Facets, Java compiler 버전 확인 - spring 버전 변경 : pom.xml 수정 - 현재 스프링의 최신버전은 4.3.3 이지만 다른 라이브러리들과의 호환성을 고려하여 4.3.0 으로 진행함 - 에러가 발생할 경우 3.1.1로 설정 - 톰캣 9.0으로 변경하여 실행 - home.jsp 페이지의 한글이 깨짐, 페이지 지시어와 meta tag 수정 - 설정파일 복사 : 1. pom.xml 2. resources 디렉토리 3. WEB-INF 디렉토리 * 스프링의 설정 파일 - src/main/webapp/WEB-INF/spring/root-context.xml - 서블릿과 관련되지 않은 모든 리소스에 대.. 2016. 10. 28.
1.스프링프로젝트 - 환경설정1 - 스프링에서는 라이브러리를 메이븐이 관리해준다. - Pom.xml 의 에 새로운 jar파일 라이브러리들을 넣어준다.(스프링이 직접 라이브러리 관리한다.) - src 는 웹경로다 - classes 컴파일된 파일들 - spring에는 스프링 설정파일들이 들어간다. - views에는 jsp 파일들이 들어간다. - 포트번호가 충돌날경우 server.xml에 들어가서 port번호 수정해준다. - 처음에 샘플로 만든 home.jsp 파일에서는 한글이 깨질수 있다. - 그래서 새로만들기 한다음 위의 언어 설정 태그를 삽입시켜 준다. - jsp 파일을 서버에 올려 바로 실행할경우 오류난다.(404에러) - webapp에서는 외부에서 실행된다. - wep-inf안에 있는 것은 외부에서 바로 실행 안된다. - jsp 파.. 2016. 10. 28.
5 [일초 중국어 시사] 부산행 각종 영화기록 갱신 “끝까지 살아남아라”부산행 개봉 釜山行 ☆ 중국어 기사 《釜山行》/继/上周末/创下了/单日观影人数最高纪录/后，又创下了/上映后/首周观影人数最高纪录，正在/不断刷新/各种电影纪录。 ☆ 단어정리 ▶ 继 后 ~ 그 후▶ 创下 最高纪录 최고기록을 수립하다 ▶ 刷新 纪录 기록을 세우다 ☆ 한국어 해석 은 지난 주 일일관람객수 최고 기록을 새운 뒤, 또 상영 후 첫 주 관람객 수 최고 기록을 갈아치웠다. 지금도 계속 각종 영화 기록을 새로 쓰고 있다. ☆ 중국어 강의 2016. 8. 6.
4 [일초 중국어 시사] 부산행 정유미 인터뷰 “끝까지 살아남아라”부산행 개봉 釜山行 ☆ 중국어 기사 另外，对于/观影人数/突破500万，郑有美也/表达了/自己的所感。她/表示，“拍完/电影之后，我/比以前/任何时候/都更加/急切地/希望/这部电影/早日/和观众们/见面。电影上映之后/观众们反响/很热烈，这/让/我又惊又喜。真心感谢/到电影院/看/这部电影的/观众，大家要/小心/不要中暑”。 ☆ 단어정리 ▶ 所感 소감▶ 急切 절박하다, 촉박하다▶ 反响 热烈 반응(반향)이 뜨겁다. ▶ 中暑 중서(더위를 먹어 생기는 병) ☆ 한국어 해석 관람객 수가 500만을 돌파한 것에 대해, 배우 정유미도 자신의 소감을 밝혔다. 그녀는 “영화를 다 찍은 후, “과거 어느 때 보다 빨리 이 영화가 관객 여러분들과 만났으면 좋겠다는 마음이 들었어요. 영화가 상영된 후 관객들의 반응이 배우 뜨거웠는데.. 2016. 8. 5.
3 [일초 중국어 시사] 부산행 공유 인터뷰 “끝까지 살아남아라”부산행 개봉 釜山行 ☆ 중국어 기사 孔刘/表示，“500万这个数字/让/人/感到惊讶同时/也感慨万千。虽然/数字/并不重要，但《釜山行》/打破了/之前作品的/纪录，仅这一点就/让/我感到/很满足了。其实/到现在/我/还觉得/有点不真实/。对/去电影院观/看这部电影的观众们/表示/衷心的感谢”。 ☆ 단어정리 ▶ 惊讶 놀랍다▶ 感慨万千 감개무량하다 ▶衷心 진심으로 ☆ 한국어 해석 공유는 “ 500만 이라는 숫자가 정말 놀랍고, 또 매우 감격스러워요. 비록 숫자는 크게 중요하지 않지만, 이 과거 제가 찍은 작품들의 기록을 뛰어 넘었다는 것에 저는 매우 만족합니다. 사실 저는 지금까지 조금 솔직하지 못한 것 같아요. 영화관에서 을 관람해 주신 관객 여러분께 진심으로 감사의 말씀 드립니다.”라고 소감을 밝혔다. ☆ 중국.. 2016. 8. 4.

티스토리툴바