천천히 차근차근

input 속성 type을 number로 지정하고 pattern을 지정하면 숫자외의 입력을 제한할 수 있다.type="number"pattern="[0-9]"

// 모든 텍스트의 변경에 반응합니다. $("#tel").on("propertychange change keyup paste input", function() { // 현재 변경된 데이터 셋팅 var newValue = $(this).val(); // 현재 실시간 데이터 표츌 //alert("텍스트 :: " + newValue); if ( newValue.match("-")) { $('.tel_hiper_error').removeClass('none'); } else { $('.tel_hiper_error').addClass('none') } });

Vi(Vim)은 유닉스Unix 및 리눅스Linux에서 이맥스Emacs와 함께 가장 큰 인기를 누리고 있는 에디터Editor이다. 명령어를 이용해 사용하는 경우가 대부분이나 그래픽환경으로 만든 gVim이라는 것도 있으니 참고하길 바란다. 윈도우즈Windows에서 Vi(Vim)을 설치해보도록 하자. 🚜 먼저 공식홈페이지에 접속하여 설치파일을 다운로드한다. Vim 공식홈페이지로 이동 download : vim online Downloading Vim Vim is available for many different systems and there are several versions. This page will help you decide what to download. Most popular: Details ..

Java 설치 나는 일전에 이미 Java를 설치해두었기 때문에 이번 과정에서 별도로 자바를 설치하지는 않았다. 자바를 전체 시스템에서 사용할 수 있도록 설치할 수도 있지만 해당 계정 내에서 사용할 수 있도록 설치를 할 수도 있다고 한다. 🍔 git 설치 git 설치 간단하게 따라하기 위 링크에서 아주 간단하게 centOS에 git을 설치할 수 있다. 그 다음 단계는? 🍚 원하는 디렉터리에 git clone 명령어를 통해서 프로젝트를 내려받도록 한다. ls -al 명령어로 디렉터리의 모든 파일을 확인해보면 mvnw 파일이 존재하는 것을 볼 수가 있다. 해당 파일은 maven과 관련된 것으로 우리가 별도로 maven을 리눅스에 설치하지 않아도 되는 사유가 된다. 참고 사항 wget 명령어 wget 명령어를 ..

Yum을 이용하면 쉽게 git 설치가 가능합니다. Yum은 Yellow dog Updater, Modified의 약자로 RPM 기반의 시스템을 위한 자동 업데이트 및 패키치 설치/관리 도구입니다. putty나 별도의 termial을 이용하여 SSH로 EC2 인스턴스에 접속을 하고 아래와 같이 yum install 명령어를 입력하여 설치를 진행합니다. #Create an EC2 instance with Amazon Linux 2 with internet access #Connect to your instance using putty #Perform a quick update on your instance: sudo yum update -y #Install git in your EC2 instance sud..

🎃원격 서버 (개발 서버 또는 실 서버)에 소스 코드 배포하기 1 로컬에 있는 코드를 원격 서버에 배포하는 방법 연습 ssh로 서버 접속 한글 인코딩 설정 계정 추가 및 sudo 권한 부여 해당 문서 참고 추천 https://github.com/slipp/jwp-book chapter 3 3.3 원격 서버에 소스코드 배포 실습.pdf 참고 centOS를 putty로 사용하는 방법🧵 나는 AWS를 사용하고 있다. putty 접속 후, 명령어를 통해서 root 전환이 바로 가능하다. sudo su 라고 입력하면 ec2-user 계정에서 root 계정으로 전환 된다. root 외의 계정을 만들고 sudo 권한을 설정하는 방법은?👔 sudo vi /etc/sudoers 위 명령어를 입력한다. /etc/폴더 안에..

local => 개발 서버/ 실 서버에 배포하게 된다. 보통 local에 있는 코드를 바로 배포하지 않고 git/svn(버전관리시스템)에 저장한 다음에 저장된 코드를 개발 서버/ 실 서버에 전달하는 방식으로 소스코드를 배포한다. 개발 서버/ 실 서버에서는 git/svn(버전관리시스템)에서 소스를 내려 받아서 배포를 하게 된다.

Bootstrap 처음 사용하기🎈 bootstrap 홈페이지에 접속한다. bootstrap site getting-started 메뉴로 이동한다. introduction을 보다보면 있는 Starter template 을 복사해서 index.html 파일에 붙여넣는다. 아래와 같이 복사해서 붙여넣은 template에 의해 브라우저에 내용이 출력되는 것을 확인할 수 있다. Hello, world! 잠시 깨알 참고 CDN 1. jQuery.com CDN : 2. 구글 CDN : 3. MS CDN : 4. CDNJS CDN : 5. jsDelivr CDN : 어떤 CDN을 이용하더라도 같은 동작을 합니다. 제이쿼리 적용 참고 링크 부트스트랩 다시 이어서🎄 부트스트랩 관련 css, js 등 라이브러리들이 잘 작동..

Name : project name Type : maven packaging : jar (처음으로 jar 프로젝트를 만들어 본다.) java version : 11(내가 설치해둔 자바 버전) group : 보통 도메인 명을 거꾸로 따른다. Artifact : project 명이랑 맞춰서 해보도록 하겠다. Version : 1.0 Description : 도메인 앞자리 [ 프로젝트 간략 설명 ] Package : 도메인 명을 거꾸로 따른다. Spring Web : web application을 만들것이기 때문에 Mustache : template engines(view 와 관련된 것_Mustache 참고 링크) Spring Boot DevTools : Spring boot를 손쉽게 개발할 수 있도록 도와주..

서버 배포 20210605 서버 배포 참고1 서버 배포 참고2 서버 배포 참고3 서버 배포 참고4 서버 배포 참고5 서버 배포 참고6 프로젝트 20210605 SpringBoot, JPA로 질문/답변 게시판 구현 react & springboot

1. archdaily.com 2. deezen.com 3. https://co.pinterest.com/pin/302585668716412551/

먼저 아래 경로로 이동 cd /etc/nginx/conf.d/ default.conf 파일을 편집하자. sudo vi default.conf server 기본 코드를 복사해서 계속 시도했지만 실패했었고. 성공한 방법은? server { listen 80; server_name localhost; ...... } server { listen 80; server_name 서브도메인; ...... }server_name을 수정해주었더니 해결되었다ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 일단 aws에 서브도메인 생성을 해주었고, winscp에 폴더를 만들어주었다!

기준 환경 AWS EC2 Cent OS7 (t2.micro) Cent OS Web Server $ yum install - y httpd (혹은 sudo yum install -y httpd) 생성한 보안그룹 인바운드 : 모든 TCP Default값(소스 위치무관) 아웃바운드 : 모든 TCP Default값(소스 위치무관) 1 . 고급 -> 전송설정규칙 에서 전송모드를 자동으로 변경해준다. 다음과 같이 전송모드 설정 2 . 업로드 옵션에서 권한 오류 무시 체크를 해준다. 권한 오류 무시 설정 체크. 여기까지가 보편적인 오류코드 3에대한 해결방법이다. 여기까지가 보편적인 WinSPC의 오류코드 3에 대한 해결책이다. 필자도 그랬듯이 이 방법이 적용되지 않을 수 있다. 그런 경우는 다음 순서를 따라주면 된다..

nslookup 도메인cmd에서 위의 명령어로 연결이 잘 되었는지 확인 시도🎁 그러나 확인 실패💊 일단 연결까지 1일에서 늦으면 수일 걸린다는 글을 읽고 내일 다시 확인해보려함🛒 ping도 제대로 작동하지 않았음. 내일 시도할 때, ping이 잘 작동하는지도 확인해보아야겠다!

상태 선택자 :checked : 체크 상태의 input 태그 선택 (checkbox 또는 radio) :focus :포커스를 맞춘 input 태그 선택 :enabled : 사용 가능한 input 태그 선택 :disabled : 사용 불가능한 input 태그 선택 :root HTML 전체를 의미

이용 안내 이용 요금 예약 방법 객실 소개

이름 지역 나이 홍길동 광주광역시 38 🛩 table은 자동으로 thead, tbody를 추가해주기 때문에 하위 선택자를 설정할 때, > 을 사용하면 적용되지 않음을 주의

예약 방법 및 요금 객실을 예약하려면? 예약 방법 직접 통화 : 000-0000-0000 문자 메시지 : 000-0000-0000 상세 요금 1인실 : 40,000원 2인실 : 60,000원 3인실 : 80,000원 4인실 : 100,000원 h1 + p의 의미는 h1에서 가장 가까운 형제인 p를 찾아서 css를 적용시킨다는 의미이다. 만약 h1 + ul이라고 작성한다면 css는 제대로 적용되지 않는다. 그 이유는 h1의 가장 근접한 형제는 p이기 때문이다!

HTML5 참고 사이트 (아래 링크 중에 파란색 배경의 링크는 W3C사이트로 연결됩니다. HTML 표준안 사이트 튜토리얼과 아티클 HTML 지원 여부 체크

회사소개 파일 다운 받기 hwp파일 엑셀파일 ✈ a 태그를 사용하여 파일 다운로드 기능을 만들 수 있다. $= 선택자 지정한 문자로 끝나는 요소를 찾아서 스타일을 적용시킨다.