개발새발자

아이디 유효성검사 영문, 숫자로 2자~12자 static idNaming(name) { const idRule = /^[0-9a-zA-Z]{2,12}$/; if (!name.match(idRule)) { return false; } return true } 변수명 = /^[0-9a-zA-Z]{2,12}$/; 닉네임 유효성검사 3자~10자 (길이제한만 있고 특수문자 제한 없음) static lengthRange(name, minLength, maxLength) { if (name.length maxLength) { return false; } return true; } 비밀번호 유효성검사 영문, 숫자, 특수문자 모두 포함 8자~20자 static pass..

>>아이콘 클릭 전 >> 아이콘 클릭 후 아이콘을 누르면 비밀번호가 노출되게 하는 기능을 완성했다. 일단은 template 창에 해당 input을 만들어준다. 이때, 처음에는 비밀번호 형식으로 입력하고 싶으니까 type을 password로 지정해준다. 왼쪽 옆에 있는 자물쇠모양 아이콘과 눈모양 아이콘은 fontawesome에서 가져왔다. 그리고, 눈모양 아이콘에 클릭이벤트를 추가해준다. 나는 showPwd라는 함수를 만들었다. 그리고 나서 script창의 setup안에 함수를 쓰면 된다. setup() { const showPwd = function() { var pwd = document.getElementById("password"); if (pwd.type=="text") { pwd.type = "..

https://school.programmers.co.kr/learn/challenges?order=acceptance_desc&page=1&levels=0&languages=javascript 코딩테스트 연습 | 프로그래머스 스쿨 개발자 취업의 필수 관문 코딩테스트를 철저하게 연습하고 대비할 수 있는 문제를 총망라! 프로그래머스에서 선발한 문제로 유형을 파악하고 실력을 업그레이드해 보세요! school.programmers.co.kr JS는 파이썬처럼 //이 없다. 따라서 일단 num1을 num2로 나눈 후, 나머지를 버리면 된다. 소숫점을 버리려면 Math.floor()를 사용하면 된다. function solution(num1, num2) { var answer = Math.floor(num1/nu..

1. IF 문 조건 표현식의 결과값을 boolean 타입으로 변환 후 참/ 거짓을 판단 if, else if, else 조건은 소괄호 안에 작성 실행할 코드는 중괄호 안에 작성 블록 스코프 생성 const name = 'manager' if (name === 'admin') { console.log('관리자님 환영합니다') } else if (name === 'manager') { console.log('매니저님 환영합니다') } else { console.log('${name}님 환영합니다') } 2. SWITCH 문 조건 표현식의 결과값이 어느 값(case)에 해당하는지를 판별 주로 특정 변수의 값에 따라 조건을 분기할 때 활용 조건이 많아질 경우 if문보다 가독성이 나을 수 있음 꼭 하나의 값을 비..

할당 연산자 let c = 0 c+=10 console.log(c) // 10 : c에 10을 더한다 c-=3 console.log(c) // 7 :c에 3을 뺀다 c *=10 console.log(c) // 70 : c에 10을 곱한다 동등 연산자 두 피연산자가 같은 값으로 평가되는지 비교 후 boolean값 반환 예상치 못한 결과 발생할 수 있으므로 특별한 경우 제외하고 사용 X const a = 1 const b = '1' console.log(a==b) //true console.log(a==true) //true 쓰지말자… null이랑 undefined에서만 씀 일치 연산자 두 피연산자의 값과 타입이 모두 같은 경우 true 반환 같은 객체를 가리키거나, 같은 타입이면서 같은 값인지를 비교 엄격..

변수 선언 키워드 let: 지역변수를 선언 const: 읽기 전용 상수 선언 var: 변수를 선언 선언, 할당, 초기화 선언: 변수를 생성하는 행위 or 시점 할당: 선언된 변수에 값을 저장하는 행위 또는 시점 초기화: 선언된 변수에 처음으로 값을 저장하는 행위 또는 시점 블록 스코프 if for 함수 등의 중괄호 내부 블록 스코프를 가지는 변수는 바깥에서 접근 불가 let x = 1 if (x===1) { let x = 2 console.log(x) //결과: 2 } console.log(x) //결과: 1 변수 선언 let 재할당 가능, 재선언 불가능 let number =10 // 선언 및 초기값 할당 number = 20 // 재할당 let number = 10 // 선언 및 초기값 할당 let ..

This 어떠한 오브젝트를 가리키는 키워드 (자바에서의 this와 파이썬에서의 self는 인스턴스 자기자신을 가리킴) 자바스크립트의 함수는 호출될때 this 를 암묵적으로 전달받음 자바스크립트의 this는 일반적인 프로그래밍 언어에서의 this와 조금 다르게 동작함 자바스크립트는 함수 호출 방식에 따라 this 바인딩 되는 객체가 달라짐 함수를 선언할 때 this에 객체가 결정되는 것이 아니고, 함수를 호출할 때 함수가 어떻게 호출되었는지에 따라 동적으로 결정됨 브라우저의 전역 객체인 window를 가리킨다. (전역 객체는 모든 객체의 유일한 최상위 객체를 의미함) console.log(this) //window 함수의 this 키워드는 다른 언어와 조금 가르게 동작 this의 값은 함수를 호출한 방법에..