천천히 차근차근

자바스크립트의 코드가 아주 간단한 경우에는 HTML 안에 직접 작성 스크립트가 길다면 별도로 분리된 파일에 작성할 것 별도의 파일에 작성하면, 브라우저가 스크립트를 다운받아 캐시(cache)에 저장하므로 성능상의 이점이 있음 여러 페이지에서 동일한 스크립트를 사용하는 경우, 캐시로 부터 스크립트를 가져와 사용하므로 트래픽이 절약되고 웹 페이지의 실 속도가 빨라짐

gangzzang.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8JavaScript-%EC%9D%B4%EB%B2%A4%ED%8A%B8Event 자바스크립트(JavaScript) 이벤트(Event) * 이벤트(Event) - 키보드 입력, 마우스 클릭과 같이 다른 것에 영향을 미치는 것을 의미 - 마우스 이벤트, 키보드 이벤트, HTML 프레임 이벤트, HTML 입력 양식 이벤트, 유저 인터페이스 이벤트, 구조 � gangzzang.tistory.com

1. 일단 File - Switch Workspace - Other로 새로운 workspace2를 만들어서(새로운 이클립스가 생기는것..) 새로운 환경에서 다시 시도를 해보기! 2. Dynamic Web module을 4.0 으로 시도해보기.

1. attr에 uniAuthCode 지정 2. 내 유니코드와 일치하는 유니코드가 일치하는 유니코드의 값을 다 불러와서 그 값으로 유니를 다 불러와 유니의 공개번호는 2번 3. 페이지를 따로 만들자. __ 같이 써야하나... 기존 memoList.jsp에 내용이 너무 많다. == 시나리오 == 1. uniWrite 만들기. (X, 혼용) 2. uniList 만들기. (X, 혼용) 3. uniModify 만들기. (X, 혼용) 4. uniWrite에 있어야 하는 기능 (X, 혼용) - 이메일 초대 기능 (ㅇ) - 아작스로 이메일 회원 조회(하지말자....) - -------------------------------------------------------------- 주말 계획 == 순서 재정리 == ..

※ [ 서버 ] 비스프링 메이븐 의존성관리 도입 ※ tomcat은 사이트에서 9.0버전을 다운받아 work 폴더 안에 압축을 푼다. 1. 기존에는 비스프링 프로젝트에서 필요한 jar파일이 있으면 maven repository에 접속해서 직접 다운받아 WebContent/WEB-INF/lib 폴더 안에 복붙해서 사용했어야 했다. 2. 그리고 이메일 발송을 위해서 web.xml을 사용해야 하는데, 이 또한 이메일 발송을 위한 개인정보가 적힌 web.xml을 github에 push할 수 없으니 web.xml.sample파일을 만들어서 web.xml은 .gitignore에 입력해서 무시해주 고 프로젝트를 개발할 때마다 web.xml.sample 파일을 복사, 활용해서 이메일 개인정보를 입력 후 사용했다. 3. ..

※ [ Spring Boot ] 스프링부트, 로그를 파일로 저장하는 설정 켜기[ 서버 ] centOS7, 스프링부트, 로그를 파일로 저장 하는 설정 켜기 - 이유 : 개발용에서는 개발자가 콘솔로 오류를 바로바로 확인할 수 있지만 실무용에서는 사용자가 이용중에 발생한 오류를 개발자가 따로 확인할 수가 없다. 1. 개발용에서 쿼리를 실행하면 콘솔창에서 보여주게 하는 설정 - logback.xml 파일 정석 명칭 : logback-spring.xml 2. logback-spring.xml의 정석 파일명으로 수정해놓음. 3. logback-spring.xml의 내용을 기존코드에서 아래코드로 변경 %d{yyyy-MM-dd HH:mm:ss} [%thread] [%-5level] %logger{36} - %msg%n..

※ [ 서버 ] 작업24, 도메인에서 www 지우기, nginx url rewrite tistory.com과 www.tistory.com은 엄연히 다른 것이다. - www를 붙이면 안되는 주소인데 무의식중에 사람들이 www를 붙이는 경우가 종종있다. - www를 붙이면 안되는 주소에 www를 입력받았을 때, 접속하려고 했던 url로 연결해주는 작업을 nginx url rewrite 라고 한다. 1. nginx 설정 파일로 이동 - sudo vim /etc/nginx/conf.d/vhost.conf 명령어 입력 2. 설정 변경 - 아래 코드 추가 server { server_name www.서비스명.도메인(***.***); rewrite ^/(.*)$ https://서비스명.도메인(***.***)/$1 p..

※ [ 서버 ] 작업23, CentOS7, 대용량 파일 업로드시, nginx 413 Request Entity Too Large 오류 해결법 - 서버 안에는 nginx, tomcat, mysql이 있다. - 웹 브라우저에서 전송한 파일은 서버의 nginx로 전송이 되고 nginx에서 tomcat으로 tomcat이 mysql로 전달한다. - 우리는 mysql에 파일 저장을 위한 설정을 아래와 같이 해주었다. - 그러나 mysql에만 설정을 한다고해서 끝이 아니다. - tomcat, servlet 수준에서도 별도 설정을 해주어야 한다. - 용량 허용을 해주어야 한다. - 그리고 nginx에서도 해주어야 한다. - nginx만의 전략이 있기 때문에. 1. nginx 설정 - sudo vim /etc/nginx..

※ [ 서버 ] 리눅스 - CentOS 7, 서블릿, 스프링 호스팅, 빠른버전 영상 자료(실행 방법, 순서) 1. 공인IP 설정 2. 외부포트 **** 또는 **** 설정 (내부포트는 자동 22번) : 외부포트 번호 임의 지정 - 추가 - 적용 - 자세한 입력사항은 작업 2 참고 ※ 추가 작업 - 방화벽 작업 - ACG 규칙 설정을 해준다. - TCP(프로토콜)의 접근 소스, 허용포트 등을 지정해주어야 해당 IP로 접속이 가능하다. - 자세한 입력사항은 작업 2 참고 3. dnszi 작업 4. 서버 접속용 공인IP가 사용 가능한지 확인 - cmd 접속 - nslookup access.도메인 명령어 입력 - 권한 업는 응답에서 Address에 dnszi에서 작업해놓은 access.도메인의 서버접속용 공인I..

[ javascript , jQuery] 자바스크립트, 제이쿼리, setTimeout 지연 함수 사용법 예시 setTimeout(function(){ jQuery('#img').addClass('remove'); }, 2000); setTimeout(function(){ jQuery('#body').addClass('add'); }, 2000); setTimeout(function(){ location.href='../home/main'; }, 2000); 이렇게 사용해보니 다 작동은 되었다....

title : [ 서버 ]리눅스 - CentOS 7, 서블릿, 스프링 호스팅, 빠른버전 유용한코드 톰캣7 리모트 디플로이 서버 접속 계정 C:\Users{사용자}.m2\settings.xml 코드 서버이름 deployer 혹은 다른 톰캣 관리자 계정 톰캣 관리자 비번 mysqld 설정(mariaDB 설정) /etc/my.cnf.d/server.cnf 코드 [mysqld] collation-server = utf8_unicode_ci init-connect='SET NAMES utf8' character-set-server = utf8 max_allowed_packet = 512M innodb_log_file_size = 512M 톰캣 원격지에서 설정 저장 가능하도록 허용 /opt/tomcat/apache..

※ 일반 프로젝트 maven 사용할 수 있도록 만들기 ※ 비스프링 프로젝트에서 pom.xml 파일 사용하기. - 서버 업로드를 filezilla로 하지않고 바로 cmd에서 redeploy를 할 수 있다. [ pom.xml에 추가로 설치해주어야 하는 부분 ] - jstl, mail, lombok maven - Spring Web - maven에서 검색해서 설치해주면 비스프링 프로젝트가 스프링 프로젝트로 사용할 수 있다. - 기존에 jar 파일 추가해준 것을 삭제한다. - pom.xml을 만들어주었기 때문에 필요한 것을 maven에서 코드를 확인하고 dependency를 추가해주면 - 그에 해당하는 파일들을 자동으로 받아오게 된다. - 그러므로 jar 파일을 굳이 따로 넣어주지 않아도 된다. 1. 프로젝트 ..

[ㅇ] 1. 공지사항, 자유게시판 게시물 수정, 삭제 2. 게시물 리스팅 페이징 3. ajax 댓글 [ㅇ]4. 게시물 편집에 토스트 에디터 적용 [ㅇ] 5. 공지사항은 관리자 회원만 작성가능

[ 토요일 공부 계획 2020-09-11] 1. 작업 12, 작업 13, 작업 14, 작업 15 2. project [ 일요일 공부 계획 2020-09-12] 1. Project [ Project 계획 중요 기능순 나열 ] - 그룹, 팀, 멤버 형성해서 소속 인원만 메모(게시물)를 열람할 수 있도록 - 초대는 이메일 발송, 그 이메일을 확인하고 링크타고 페이징 이동해야 참여 가능 상태로 전환 - 선택사항으로 '그룹'내에서 작성한 메모를 초대받은 인원들이 해당 메모를 열람했는지 확인 여부를 메모장에서 확인할 수 있도록 - 선택사항으로 '그룹'내의 메모를 수정할 수 있다, 없다 2가지로 구분해서 작성하도록 - 그룹내에서 메모를 수정중 일때는 '수정중' 문자 출력 - 기본적으로 '공개' 작성되는 메모를 비공개..

2020-09-08 화요일 == TODO == 1. 해시태그 검색 ( YOU, ME 각각 ) 2. 해시태그 클릭하면 관련 게시물 리스팅 ----------------------------------------------------------- 1. 검색어를 입력받는다. 2. 입력받은 검색어로 hashtag에서 검색어와 일치하는 태그의 relId를 얻어온다. 3. 얻어온 relId와 일치하는 hashtag를 List에 다 담는다. 4. hashtag의 relId와 일치하는 article를 List에 다 담는다. ( article의 WHERE id = relId; 이런식으로 ) 5. List로 만든 hashtags와 articles를 jsp 파일로 넘겨준다.

== TODO == [ 문제 3 ] - 게시물 수정 [ 문제 4 ] - 게시물 삭제 [ 문제 5 ] - 태그 수정 [ 문제 6 ] - 태그 삭제 == DONE == [ 문제 1 ] .con2로 table 크기 조정해놓은거 mobile-mode에서 크기 조절되도록 수정 [ 해결 ] common.css에 media 를 활용하여 pc, mobile 용으로 나눠서 보여주게 했음. [ 문제 2 ] JOIN에서 input에 1글자만 입력하고 지웠을때는 $message.empty();가 작동하지 않았음. [ 해결 ] 확인해본 결과, ajax 함수를 호출하는 함수에서 form.loginId.value.length == 0이라면 return; 을 걸어놔서 그랬음. return에서 막혔음. 그래서 주석처리하고 확인하니 되..

http://www.homejjang.com/09/cursor.php

http://www.homejjang.com/09/border_collapse.php 테이블의 선을 단선으로 border-collapse 속성 - CSS 고급 강좌 border-collapse는 테이블 또는 셀의 테두리선 표시방법을 지정하는 속성입니다. 속성값으로는 collapse와 separate를 사용할 수 있습니다. collapse : 서로 이웃하는 테이블이나 셀의 테두리선을 겹쳐서 표 www.homejjang.com https://aboooks.tistory.com/171 [html/css] vertical-align 속성 자세히 알기(수직 정렬) [html/css] vertical-align 속성 자세히 알기(인라인 요소의 수직 정렬) vertical-align 속성, 그저 수직 정렬할 때 쓰이..

::-webkit-scrollbar { /* 스크롤바 전체 영역 */ width: 10px; } ::-webkit-scrollbar-track { /* 스크롤이 움직이는 영역 */ background-color: #f9f9f9; } ::-webkit-scrollbar-thumb { /* 스크롤 */ background-color: gold; border-radius:30px; } ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { /* 스크롤의 화살표가 포함된 영역 */ display:block; height:8px; background-color: #000; } ::-webkit-scrollbar-c..