javascript

개발관련/JavaScript

[Javascript강좌] 비밀번호 재확인 검사 만들기(순한맛)

왜 순한맛이냐 하면 원래 '비밀번호가 일치합니다' 까지 넣을라다가 쉬울거라는 예상과 달리 ㄹㅇ피똥싸기 일보직전이라 일단 욕심을 버리기로 함 공백도 일치한다고 인식하기 때문에 아무것도 안적었는데 문구가 뜸 해결해보려고 문자를 쓸 때만 검사를 하도록 keydown 이벤트도 넣어봤는데 더 이상해지기만 할 뿐이었고 결국 졸려서 계속 짧게자다깨다 반복하다가 본격 하는법 내가 짠 코드 아이디 비밀번호 ※ 영문, 숫자, 특수문자 포함 8글자 이상 비밀번호(확인용) let checkPw = () => { /* 클래스나 ID는 불러오는게 자주 반복되고 그러면 식이 빨주노초파남보색으로 개길어지니까 변수선언부터 해줍니다 */ /* 굳이 전역변수로 쓸 이유가 없으면 지역변수로 쓰는게 낫다고 해서 함수 안에서 선언함 */ le..

개발관련/JavaScript

[Javascript강좌] 무한 루프 전광판을 만들어보자!(스압주의)

문제의 시작(한탄하는 서론) 시작은 학원에서 매주 과제 평가를 하는데, 어제 사이트 일부 만들기(동작까지)를 했었고 나는...나는...헤더 맨 윗부분에 ★전광판효과★를 간지나게 넣어보려고 했었다... 왼쪽으로 계속 무한히 텍스트가 움직이는 그런 것을 구현하고 싶었다 뭔 고민을 글케 함? 걍 html에다가 marquee 태그 쓰면 되잖아요? 근데 그게 문제가 있었음 그래서 여튼 저것도 문제였고 딴것도 문제였고 시간은 없고 예상 못한 곳에서 문제 터지고 개난리가 남 주석도 못달고 CSS도 개판이 남 아니 아 화나네 또 디자인+코딩 (사이트맵, 헤더, 네비, 로그인화면, 회원가입화면) (데스크탑과 모바일 둘 다 구현 ㅋㅋㅋㅋㅋㅋㅋㅋ) 이게 솔직히 하루안에 타임어택이 말이나 되는거임 대체? 웹디자인기능사 시험 ..

개발관련/JavaScript

[Programmers] Lv.0 짝수와 홀수 (Javascript)

Lv.0 짝수와 홀수 문제 설명 정수 num이 짝수일 경우 "Even"을 반환하고 홀수인 경우 "Odd"를 반환하는 함수, solution을 완성해주세요. 제한 조건 num은 int 범위의 정수입니다. 0은 짝수입니다. 나의 풀이 function solution(num) { if(num%2==0){ return 'Even'; } else { return 'Odd'; } } 짝수를 구하는 방법을 안다면 아주 쉬운 문제임 과거의 나는 if-else를 이용해서 풀었지만, 조건이 짧고 아주아주아주아주아주 간단한 문제기 때문에 삼항연산자를 사용해서 푼다면 더 짧아질 것이다... 다른사람의 풀이 function evenOrOdd(num) { return num % 2 ? "Odd" : "Even" } 삼항연산자를 ..

개발관련/JavaScript

[코알누] 함수 문제 풀이

내가 자바스크립트 배워본다고 강좌 지른지 좀 된거같은데 열심히 진도나가다가 문제 풀때 맨날 멈칫 그리고 막판 함수문제에서 막혔었는데... 자바스크립트 대현자가 되기위한,,,,,,, 머나먼 여정,,, 일단 닥치는대로 문제를 다양하게 풀어봤었는데 이제 어느정도 감이 잡히길래 오늘 드디어 미루고 미뤄뒀었던 함수문제 풀기 파트까지... 완료하였다...! https://github.com/Yeonji-Noob/Problem-Solving/blob/main/function.js GitHub - Yeonji-Noob/Problem-Solving: 다양한 코딩 문제 풀기 다양한 코딩 문제 풀기 . Contribute to Yeonji-Noob/Problem-Solving development by creating an..

개발관련/JavaScript

[VScode] 'let' is available in ES6 (use 'esversion: 6')..... 오류 해결하기

자바스크립트 문제들 에디터 켜서 풀다가 갑자기 오늘 무슨날인지 이런 오류가 떴음 찾아보니 jshint에서 ES6 문법이 적용되지 않아서 생기는 문제라고 한다 해결법 1. 작업중인 폴더에 .jshintrc 라는 파일을 생성해준다. 2. 열어서 똑같이 쓴다 { "esversion": 6 } 다시 작업했던 파일을 확인해보면 그런 오류가 언제 있었냐는 듯 사라짐

개발관련/JavaScript

[Programmers] Lv.0 옷가게 할인 받기 (Javascript)

Lv.0 옷가게 할인 받기 문제 설명 머쓱이네 옷가게는 10만 원 이상 사면 5%, 30만 원 이상 사면 10%, 50만 원 이상 사면 20%를 할인해줍니다. 구매한 옷의 가격 price가 주어질 때, 지불해야 할 금액을 return 하도록 solution 함수를 완성해보세요. 제한사항 10 ≤ price ≤ 1,000,000 price는 10원 단위로(1의 자리가 0) 주어집니다. 소수점 이하를 버린 정수를 return합니다. 오늘 푼 문제 쉬워보여서 냅다 달려들었는데 계속 고민해봤었는데 간과했던 부분이 있었다 10만 원 이상 사면 5%.... 그럼 10만원 미만 사면 그냥 원가 받는다는 거네 실제 내가 옷을 산다고 생각해보니 (옷 살 때 10만원 초과 절대 안함) 할인을 못받는다는 슬픈 사실을 깨닫고..

개발관련/JavaScript

[Programmers] Lv.0 나머지 구하기 (Javascript)

Lv.0 나머지 구하기 문제 설명 정수 num1, num2가 매개변수로 주어질 때, num1를 num2로 나눈 나머지를 return 하도록 solution 함수를 완성해주세요. 나의 풀이 function solution(num1, num2) { return num1%num2; } 쉬워서 뭐라 할게 없는 문제... ES6 문법으로 적으면 더욱 간결하게 적을 수 있다. const solution = (num1, num2) => num1%num2 Arrow function 쓴 김에 복습하자 Arrow function //매개변수 () => {} //매개변수가 없는 경우 x => {} //매개변수가 1개인 경우(소괄호 생략 가능) (x, y)=>{} //매개변수가 2개 이상인 경우(소괄호 써줘야 함) 보통 함수..

개발관련/JavaScript

객체 개요, 함수, ES6 문법 몇가지

순차적으로 공부한 게 아니고 의식의 흐름으로 공부하고 노션으로 정리한거라서 내용이 이것저것 섞여있고 어떤건 자세하게 어떤거는 가볍게만 적어놓았음 일부는 Javascript Deepdive 책을 참조하였음 중간에 재수없게 왜 한글로 안쓰고 영어 섞었냐면 용어랑 맨날 보는 글자가 영어기 때문에 나도 익숙해지려고 적은거임 어쩔수없음 객체란? 자바스크립트에서는 원시값을 제외한 나머지 값은 모두 객체임 원시 타입 변경 불가능한 값(immutable value) 읽기 전용 값으로 변경할 수 없다는 뜻임 Boolean null undefined string number BigInt symbol (ES6) 객체 타입 변경 가능한 값(mutable value) 함수, 정규표현식 등등 원시타입을 제외한 전부 각 Type의..

demi_iii
'javascript' 태그의 글 목록