목록전체 글 (136)
Judaeng

✅회원가입 유효성 검사 회원 가입 창을 만들어, 아이디와 비밀번호를 원하는 형식(8자리 이상, 특수문자/숫자/영문 포함)등에 제한을 두어 입력하는 경우에만 회원가입이 완료되고, 아닌 경우에는 x표시를 해주는 유효성 검사 페이지를 만들었다. 조건은 특정한 형식을 만들어줘야 되기 때문에 정규표현식을 이용해 작성했다. 다시 입력하라고 해주는 부분은 classList.add와 class.List.remove를 이용해 다시 입력하라고 해주는 부분을 적용했다. 버튼 부분은 hover를 사용해 깜빡깜빡 할 수 있게 css도 만져 보았다. ✅twittler 함수 작성 하드코딩으로 HTML에서 하나하나 입력하는 식으로 게시글들을 작성해서 실제로는 뼈대만 있는 목업 파일이었다. 오늘부터는 객체 형식의 데이터를 이용해 게시..
✅continue/break 반복문 종료방법이다. 반복문을 실행하다가 break문을 만나면 반복문은 그 즉시 실행을 멈추고 반복문은 종료된다. function addNum() { var sum = 0; for(var i=1; i 100) { break; } sum += i; } console.log(sum); // 1275 -> 105 } addNum(); // sum이 100보다 커지는 순간 break문을 만나 반복을 종료한다. continue는 특정 조건이 주어졌을 때, 그 조건이 만족하는 값을 만나면 명령을 건너뛰고 다음으로 넘어갈 때 쓴다. function addNum() { var sum = 0; for(var i=1; i 패턴을 알아보고 -> 실행 손으로 문제를 풀어보고(수도코드) 입출력예시를..
✅가독성 좋은 코드 작성하기 정해진 방식이 있는게 아니라 사람마다 달라서 반영되는게 다르기도 하고, 조금 달라도 정상적으로 작동이 잘 되기 때문에 문제는 없다. 하지만 협업이 필수적인 개발자에겐 빠르게 읽을 수 있는 깔끔한 코드는 소통 과정에서 생기는 유지보수 비용을 줄여준다. 나는 지금까진 좀 민감(?)하고 이상한 코드를 보면(?) 불편한 부분들이 있어서 코드 스타일링을 하는 편인 것 같다. ✅Coplit(Algorithm Basic) 문제 풀기 알고리즘 문제(?)들을 풀어보면서 지금까지 배웠던 개념들이 문제에 나왔다. 복습할 수 있어서 좋았지만, 너무 어려운 문제도 많아서 문제였다. 어떤 문제를 보면 이렇게도 풀 수 있을 것 같고 다른방법으로도 풀 수 있을 것 같은 느낌이 많이 왔다. 처음보다는 정말..
✅일급객체, 고차함수 일급객체 = 변수에 할당 가능(함수표현식), 다른함수의 parameter로 전달 가능, 다른함수의 결과로 return 가능 고차함수 = 함수를 parameter로 받거나, 함수를 return하는 함수 ✅내장 고차함수 : map(), filter(), reduce() filter = 특정 조건을 만족하는 모든 요소를 모아 새로운 배열로 반환하는 메서드 map = 배열의 모든 요소에 동일한 함수를 적용해 새로운 배열로 반환하는 메서드 reduce = 누산기에 계산을 누적한 하나의 결과값을 할당해 반환하는 메서드 🍒Remember(기억할 것) ✅삼항 조건 연산자 JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자입니다. 보통 if 명령문의 단축 형태로 쓰인다. 아래 예..