CSS

Programming/JavaScript

[JavaScript] 자바스크립트를 사용한 다양한 기술 및 문법

이 글은 자바스크립트를 사용한 심화 기술을 활용할 수 있도록 기초적인 문법과 개념을 얕게 다룬다. 여기서 다루는 기술은 자바스크립트뿐만 아니라 다른 프로그래밍 언어, 라이브러리, 프레임워크에서 활용할 수 있다. 각 기술을 설명하기에 앞서 자주 사용되는 자바스크립트 문법을 짚고 넘어가도록 하자. 💡let과 const 키워드 let과 const의 역할 let을 사용하는 경우 변수를 선언하고, 나중에 재할당할 가능성이 있는 경우에 사용된다. 변수의 값이 변경될 수 있는 상황이거나, 변수의 스코프가 한정적인 경우에 사용된다. 반복문에서 반복 변수를 선언할 때 주로 사용된다. 예를 들어, 반복문 내에서 임시적으로 사용되는 변수나 조건에 따라 값이 변경되는 변수 등에 사용된다. const를 사용하는 경우 변수를 선..

Programming/JDBC

[JDBC] Selenium (테스트 자동화 도구)

🍁Selenium 셀레니움은 자동화 테스트를 하는 도구이다. 이러한 테스트 자동화 도구는 사이트를 만들고 나서 올바르게 동작하는지를 사람 대신에 서핑하면서 제품을 테스트 하는 프로그램을 의미한다. 셀레니움을 사용하기 위해서는 셀레니움 라이브러리와 브라우저 드라이버가 필요하다. 1. 셀레니움 라이브러리 https://www.selenium.dev/ Selenium Selenium automates browsers. That's it! www.selenium.dev Java Stable: 4.14.1 (October 12, 2023)를 다운로드 받는다. lib 폴더 내의 라이브러리를 포함한 61개의 라이브러리를 모두 프로젝트 라이브러리 폴더로 이동한다. 2. 브라우저 드라이버 https://chromedri..

Problem Solving

[JavaScript] Requirements Q44~50: Transition 2

📌Requirements Q44: 새 날개짓 새 날개짓 새의 속도 : 느림 보통 빠름 엄청빠름 📌Requirements Q46: 이미지 뷰어 이미지 뷰어 📌Requirements Q47: 셀 클릭 📌Requirements Q49: 이동하는 이미지 📌Requirements Q50: CATCH CHROMI catch chromi Ready

Problem Solving

[JavaScript] Requirements Q37~42: Transition 1

📌Requirements Q37: 스크롤 이벤트 Index Lorem ipsum dolor sit amet consectetur adipisicing elit. Est, commodi, natus ex, iste fugiat provident doloremque mollitia numquam nulla perferendis ab. Repudiandae ullam veniam sit dolor quibusdam nemo excepturi impedit. About me Lorem ipsum dolor sit amet consectetur adipisicing elit. Et eius possimus recusandae repellat labore in officia eligendi quas sit non ..

Problem Solving

[JavaScript] Requirements Q28~35: Style

📌Requirements Q28: 클릭 위치에 이미지 출력 (단일) 📌Requirements Q29: 클릭 위치에 이미지 출력 (복합) 📌Requirements Q30: 이미지 밀어내기 📌Requirements Q33: 비밀번호 입력 비밀번호 입력 사용법 숫자 4자리를 입력한다. enter를 누른다. 구현할 것 숫자 버튼을 눌러 입력한다. del 버튼을 눌러 삭제한다. 4자리 이상 입력이 되지 않는다. 정답 암호 : 0427 암호가 틀리면 붉게 변한다. 암호가 맞으면 파랗게 변한다. 3회 틀리면 작동이 불가능하다. 상단 숫자키로 입력할 수 있다. 우측 숫자키로 입력할 수 있다. 백스페이스, Delete, Enter 키로 입력할 수 있다. 📌Requirements Q34: 이미지 보관함 고양이/강아지 보관..

Problem Solving

[JavaScript] Requirements Q19~27: DOM

📌Requirements Q19: 숫자 입력 📌Requirements Q20: 색상 추가 테이블 색상 입력 색상 : 이름 : 색상명 미리보기 노랑 #FFFF00 풀색 #ACEF12 📌Requirements Q21: 행렬 조작 1 2 3 4 📌Requirements Q22: 카운트 조작 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 📌Requirements Q23: 이미지 동적 추가 📌Requirements Q24: 방향키 이동 📌Requirements Q26: 사용자 정보 입력 입력 항목 이름 : 나이 : 성별 : 남자 여자 주소 : 번호 이름 나이 성별 주소 등록된 항목이 없습니다. 📌Requirements Q27: 달력 이전달 이번달 다음달 SUN MON T..

Problem Solving

[JavaScript] Requirements Q13~16: Timer

📌Requirements Q13: 카운트 다운 📌Requirements Q14: 뉴스 서비스 네, 낮동안에도 찬바람이 강하게 불고있습니다. 때문에 체감상 느껴지는 온도는 현재기온보다 2~3도가량 낮게 나타나고 있는데요. 남부해안지역과 제주도를 중심으로는 강풍주의보도 이어지고 있기 때문에 시설물 피해 없도록 주의하셔야겠습니다. 쌀쌀했던 어제보다도 기온이 더 오르지 못하고있습니다. 현재기온 서울 7.3도, 대전 9.3도, 부산 6.8도로 이맘때 평년수준을 밑돌고있고요. 찬바람이 더해지면서 체감상 느껴지는 날씨는 더 쌀쌀합니다. 꽃샘추위는 내일 절정을 보이겠습니다. 📌Requirements Q15: 타이머 (텍스트) : : 📌Requirements Q16: 타이머 (이미지) : :

Problem Solving

[JavaScript] Requirements Q08~12 : Form

📌Requirements Q08: 우편 번호 검색 우편 번호 검색 우편번호 주소 상세주소 📌Requirements Q09: 주문 정보 작성 주문하기 주문하시는 분 이름 : 주소 : 주문하시는 분과 정보과 동일합니다. 받으시는 분 이름 : 주소 : 📌Requirements Q10: 회원 가입 회원 가입 주민번호 - 생년월일 년 월 일 성별 남자 여자 📌Requirements Q11: 목록 관리 차단된 친구 권예진 권준혁 김동식 김세진 김여정 노형준 박민선 백강현 변기현 허용된 친구 📌Requirements Q12: 입력 잠금 입력하기 번호 입력 잠금 1 2 3 4 5 6 7 8 9 10

Isaac-Christian
'CSS' 태그의 글 목록