본문 바로가기

전체 글322

JAVASCRIPT Regular expresstion Javascript 에서 Regula Expresstion(이하 정규표현식)은 문자열에 패턴을 매칭시키고 조작하는데 사용된다. E-Mail주소를 검증하려는 경우, 정규표현식을 사용하여 유효한 이메일 주소 패턴을 확인할 수 있다. 아래 예제에서는 이메일 주소의 유효성을 검사하는 정규표현식이다. const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; function validateEmail(email){ return emailRegex.test(email); } //사용 예시 console.log(validateEmail("example@example.com")); //true console.log(validateEmail("invali.. 2023. 5. 31.
20230531 수업내용2🫡🫡🫡 이번 수업은 jsp는 마지막 수업으로 로그인/로그아웃/게시판 등등 기본적으로 다른 홈페이지에서 쓸수 있는 기능들을 구현해보는 수업이다. 여지껏 배운 것들을 모두 복습한다는 느낌으로.. 데이터베이스 연동을 위한 준비를 먼저 해주고 이번 프로젝트에서 사용할 index.jsp를 만들어 주었다. 인덱스 페이지 입니다. 회원가입 style bootstrap css/js도 연결해주고 회원 가입 폼 입니다. 아이디 영문자 소문자로 시작하고 5글자~10글자 이내로 입력하세요 사용 가능한 아이디 입니다. 사용할 수 없는 아이디 입니다. 비밀번호 특수 문자를 하나 이상 조합하세요. 비밀 번호를 확인 하세요 비밀번호 확인 이메일 이메일 형식에 맞게 입력하세요. 가입 기본적인 signup_form.jsp도 만들어 주었다. 위.. 2023. 5. 31.
20230531 수업내용🫡🫡🫡 회원가입폼 아이디 5 글자 이상 입력하세요! Looks good! 에 대한 코드 리뷰로 시작 document.querySelector("#id") = e.target.value와 비슷한 코드이다. 나중에는 db와 연동해서 만들려고 하는 계정이 이미 있는지 없는지(중복)을 배울것이다. javascript에서 const는 한번 선언되면 변치 않는다. 그러므로 코드의 신뢰성을 위해서는 const로 거의 선언하는 것이 옳다. if(isIdValid){ e.target.classList.add("is-valid"); e.target.classList.remove("is-invalid"); }else{ e.target.classList.add("is-invalid"); e.target.classList.remove.. 2023. 5. 31.
아이디 입력할 때 4글자 이상 10글자 이하 조건 걸어주기 회원 가입폼 아이디 4 글자 이상 10글자 이하로 작성해 주세요. 사용할수 없는 아이디 입니다! 이메일 이메일 형식에 맞게 입력해 주세요! 가입 에서 document.querySelector("#id").addEventListener("input", (e)=>{ //1. 입력한 아이디를 읽어온다 const inputId=e.target.value; //2. fecth() 를 이용해서 서버에 보낸다. fetch("checkid.jsp?inputId="+inputId) .then(res=>res.json()) .then((data)=>{ const isLen = inputId.length >=4 && inputId.length { //1. 입력한 아이디를 읽어온다 const inputId=e.target.v.. 2023. 5. 31.
폼입력시 버튼 활성화 시키기 회원가입폼 아이디 5 글자 이상 입력하세요! Looks good! 이메일 이메일 형식에 맞게 입력해 주세요! Look good! 가입 //페이지 로딩 시점에 상태값을 관리할 변수를 만들고 초기값을 부여한다. let isFormValid = false; let isIdValid = false; let isEmailValid = false; function buttonChange(){ //폼 전체가 유효한지 여부 isFormValid = isIdValid && isEmailValid; if(isFormValid){ document.querySelector("button[type=submit]").removeAttribute("disabled"); }else{ document.querySelector("but.. 2023. 5. 31.
JAVASCRIPT Promise 프로그래밍에서 Promise는 비동기 작업을 처리하기 위한 개념이다. Promise는 주로 JavaScript에서 주로 사용되며, 다른 프로그래밍 언어에서도 유사한 개념을 가지고 있을 수 있다. Promise는 주로 네트워크 요청, 파일 로딩, 데이터베이스 작업 등과 같은 비동기 작업을 처리할 때 사용된다. 비동기 작업은 일반적으로 시간이 오래 걸리는 작업이거나 외부 자원에 의존하는 작업을 의미한다. Promise를 사용하면 이러한 비동기 작업을 보다 효율적이고 간결하게 다룰 수 있다. Promise객체는 세 가지 상태를 가질 수 있다. Pending(대기 중) 비동기 작업이 아직 완료되지 않은 상태이다. Promise가 처음 생성되면 대기 중 상태입니다. Fulfilled(이행 됨) 비동기 작업이 성공.. 2023. 5. 31.
프로그래밍에서 오타를 주의해야하는 이유 오타는 프로그래밍에서 매우 중요한 요소이다. 오타는 코드의 정확성과 가독성에 직접적인 영향을 미치기 때문이다. 문법오류 오타는 주로 문법 오류를 초래합니다. 프로그래밍 언어는 엄격한 구문 규칙을 따라야 하며, 오타는 코드를 잘못된 구문으로 해석하게 만들 수 있다.이러한 오류는 프로그램을 실행을 실패하게 하거나 원하는 결과를 얻지 못하게 할 수 있다. 의미전달의 오류 오타는 변수, 함수 또는 클래스 이름을 잘못 입력하거나, 잘못된 상수 값을 할당하는 등의 실수를 초래할 수 있다. 이로인해 프로그램이 예상치 못한 결과를 출력하거나 오작동할 수 있다. 디버깅의 어려움 오타가 있는 코드를 디버깅하는 것은 오류의 원일을 찾는 데 어려움을 초래할 수 있다. 프로그램이 오작동하는 이유를 파악하기 위해서는 올바른 코드.. 2023. 5. 31.
컴퓨터 언어란? 컴퓨터 언어는 사람과 컴퓨터 사이의 의사 소통을 위한 형식화된 규칙의 집합이다. 이 언어는 사림이 이해할 수 있는 구문과 컴퓨터가 실행할 수 있는 구문으로 구성된다. 개발자는 컴퓨터 언어를 사용하여 컴퓨터에게 원하는 작업을 지시하고 프로그램을 작성한다. 컴퓨터 언어는 다양한 종류가 있으며, 각 언어는 특정한 목적과 특성을 가지고 있다. 대표적인 컴퓨터 언어에 대해 알아보자 C 언어👉 C언어는 절차적 프로그래밍 언어로 널리 사용되며, 시스템 프로그래밍이나 하드웨어와 밀접하게 상호 작용해야 하는 프로그램 개발에 많이 사용된다. C언어는 강력하고 효율적인 언어로 알려져 있으며, 다른 고급 언어의 기반이 되기도 한다. Java 객체지향 프로그래밍 언어로, 다양한 플랫폼에서 동작할 수 있는 특징을 가지고 있다. .. 2023. 5. 30.
CS가 무엇인지 그리고 이 CS를 앞으로 어떻게 공부해야할지? 컴퓨터 과학(Computer Science, CS)은 컴퓨터와 컴퓨팅 기술을 이해하고 활용하는 학문 분야이다. 이론적인 개념과 실용적인 기술을 포함하여 컴퓨터 시스템, 알고리즘, 프로그래밍, 데이터구조, 인공지능, 네트워크, 데이터베이스, 소프트웨어 공학 등 다양한 주제를 다룬다. CS는 컴퓨터와 관련된 문제를 해결하고 혁신적인 소프트웨어와 시스템을 개발하는데에 중요한 역할을 한다. CS를 공부하는 방법에 대해 로드맵은 개인의 목표와 관심사에 따라 다를 수 있지만 일반적인 항목을 포함한 로드맵을 제시해 보았다. 프로그래밍 기초 프로그래밍 언어의 기초를 학습하고 알고리즘고 데이터 구조에 대한 이해를 개발하는 것이 중요하다. 나는 먼저 Java언어를 선택하여 학습하고 있다. 컴퓨터 구조와 운영체제 컴퓨터 시.. 2023. 5. 30.

티스토리툴바