본문 바로가기

WEB etc

ITDB 설치/운영 step by step ITDB? IT Items Database, IT 자산을 관리하는 웹앱입니다. 오래전 패치는 멈춰있지만 세팅도 쉽고 쓰기 괜찮은 것 같아 소개합니다. 무엇보다 무료입니다. php와 sqlite 기반입니다. 설치환경 Ubuntu Server 20.04.2 LTS 설치 아래 명령어들 고대로~~~~ 치시면 문제없이 설치됩니다. apache2+ 설치 sudo apt-get update sudo apt-get install apache2 php 와 관련 모듈 설치 sudo apt-get install php5 libapache2-mod-php5 php5-mcrypt sudo apt-get install php5-gd php5-json php5-sqlite sudo apt-get install sqlite3 lib..
주요 기본 포트 21 FTP 22 SSH (리눅스) 25 SMTP 53 DNS 80 HTTP 110 POP3 123 NTP 143 IMAP 389 LDAP 443 HTTPS 445 액티브디렉토리, SMB 파일공유 860, 3260 iSCSI 3389 원격데스크톱 (윈도우) 3690 서브버전 5900 VNC 8080 HTTP DB 1433 MSSQL 1521 오라클 DB 3306 MySQL 5432 PostgreSQL
[Jenkins] Github 프로젝트 연동, webhook, 자동배포 (3) 설정이 완료되었으면 마지막으로, github 프로젝트를 jenkins에서 관리하고, push가 발생하면 빌드와 배포까지 진행하는 작업을 합니다. 환경개발 Windows 10 / 배포 Ubuntu 16.04 LTSMaven 3.6.0Git 2.20.1JDK 8Tomcat 7GithubJenkins 2.150.2설정저는 깃헙에 테스트용 프로젝트를 하나 올려두었습니다. 각자 깃헙에 올라가있는 적당한 프로젝트를 하나 고르세요. 젠킨스 메인화면에서, New Item 메뉴를 선택합니다.Freestyle project 를 선택하시고 아이템명을 넣으세요. GitHub project에 체크하신 뒤, 프로젝트 url을 넣습니다. https://github.com/유저네임/프로젝트명 입니다. 소스코드 관리 탭에서 Git 을..
[Jenkins] 추가설정 - Maven, JDK, Git, Plugin (2) 지난 포스팅에 이어 기본적인 설정이 추가로 필요합니다. 환경Windows 10Maven 3.6.0Git 2.20.1JDK 8GithubJenkins 2.150.2설정젠킨스 메인에서 Jenkins 관리로 들어간 후, Global Tool Configuration 메뉴로 들어갑니다.Maven저는 maven 프로젝트를 사용합니다. maven이 설치되어있지 않으시면 https://maven.apache.org/download.cgi 에서 다운로드하셔서 압축을 푸신 뒤시스템 환경변수 path에 [maven 경로]/bin 을 등록해주셔야 합니다. 설치가 되었다면 Maven Configuration 부분을 찾아갑니다. 아래 셀렉트박스에서 Settings file in filesystem 과 Global setting..
[Jenkins] 윈도우 Jenkins 설치, 기본설정 (1) 나빼고 다 쓴다는 젠킨스를 한 번 써 봅시다.목표는 maven 프로젝트를 github에 푸시하면 자동으로 빌드하고 배포까지 하는 겁니다.다운로드&설치https://jenkins.io/download/ 로 들어가 각 환경에 맞는 LTS 버전을 받고 설치하시면 됩니다.저는 Windows 10에 설치하겠습니다. 설치파일이 아닌 war파일로 받으셔서 기존 구동중인 서버에 올리셔도 됩니다. 압축을 풀고 .msi 파일이 나오면, next next.. 로 설치를 완료합니다.설정설치가 완료되면 8080포트가 열리고, 아래와 같은 화면이 뜹니다. 포트변경* 혹시 8080포트를 사용중이시라면, 설치폴더/jenkins.xml 파일을 오픈하고 아래 부분의 포트를 변경하세요.-Xrs -Xmx256m -Dhudson.lifecy..
유효성 검사는 서버 / 클라이언트 중 어느 쪽에서 이루어져야 하는가? 둘 다. 이유는 :Client Side먼저 당신은 client-side에서 입력값 유효성 검사를 하기를 원할 것이다. 왜냐하면 보통의 사용자에게 좀 더 나은 피드백을 줄 수 있기 때문이다. 그들이 유효하지 않은 email을 입력하고 다음 필드로 넘어간다면, 우리는 즉시 에러메시지를 보여줄 수 있다. 이 방법은 사용자가 submit 버튼을 누르기 전 모든 필드를 수정하게 할 수 있다. 만약 서버에서만 유효성 검사를 한다면 사용자는 form 양식을 제출할 것이고, 에러메시지를 받은 뒤 문제를 다시 고쳐나가야 할 것이다. (서버에서 사용자가 입력한 원래 input 값을 유지한 상태로 다시 렌더링하면 이 고통을 줄일 수 있지만, client-side가 여전히 더 빠르다.)Server Side당신은 악의적인 사용..
3분만에 Github Page로 홈페이지제작 3분만에 Github Page 만들기회사, 블로그, 포폴용 페이지 등에 활발히 쓰이고 있으며 kakao의 기술블로그로도 쓰이는 github page를 이용해 3분만에 홈페이지를 제작해보자. Repository 생성repository를 만들되 이름은 아무렇게나 해도 무방하다. username.github.io 로 Repository name을 지정하면 username.github.io 주소의 기본 github page가 생성되고, 그 외의 이름으로 지정하면 username.github.io/지정한 이름이 주소가 된다. 나는 github_page_test로 지정했고, 따라서 주소는 SaintSilver.github.io/github_page_test 가 된다. git init이제 로컬에 폴더를 하나 만들고,..
react - 4 lifecycle renderrender()가 발생하면 아래와 같은 메소드가 차례로 호출된다.componentWillMount()render()componentDidMount() 1234567891011class App extends Component { componentWillMount(){ console.log('will Mount'); } componentDidMount(){ console.log('did Mount'); } render() { console.log('render'); }}cs componentWillMount()를 통해 해당 컴포넌트의 사이클이 시작되었음을 알게 되고, render()를 통해 해당 컴포넌트의 '존재'를 확인하며componentDidMount()를 통해 컴포넌트가 자리잡았음을 확인할 ..