썸네일 [Do it!] HTML+CSS+JS 웹표준의 정석 실전 프로젝트 2 목표 이미지 슬라이드 쇼 만들기 css로 버튼 스타일 지정하고 js로 이미지 이동하도록 탭 메뉴 만들고 내용과 연결하기 (css 사용) 1. html Dream Jeju 단체 여행 ▼ 회사 연수 수학 여행 맞춤 여행 ▼ 4.3 평화 기행 곶자왈 체험 힐링 워크숍 갤러리 문의하기 ⬅ ➡ tab-area quick-link footer 2. css @import url('https://fonts.googleapis.com/css2?family=Merienda:wght@700&display=swap'); *{ margin: 0; padding: 0; box-sizing: border-box; } a { text-decoration: none; } ul { list-style-type: none; } #cont..
썸네일 [FrontEnd2] JS 연습문제 (대수의 법칙 _ 주사위) 안녕하세요:) 보라해바라기입니다~ 오늘은 대수의 법칙 중 하나인 주사위 확률 구하기!를 각 단계별로 develop 해보았습니다. 연습문제를 풀기 전, 대수의 법칙에 대한 간단한 설명을 하나 적고 시작해보겠습니다. * 대수의 법칙 모집단이 커질수록 통계적으로 증명된 확률 값과 가까워진다는 통계 법칙 예를 들어, 각 주사위의 수가 나올 확률은 통계적으로 16.666....%인데 시행 횟수를 늘릴수록 16.666...%와 가까운 값이 도출됩니다! 1. 랜덤함수를 이용해 6번 주사위 굴리기 2. 랜덤함수를 생성한 값을 배열에 저장하고 출력 3. 배열에 저장된 랜덤값을 확률로 계산 4. 주사위 시행 횟수가 100번일 때, 확률 계산 5. 사용자에게 시행 횟수를 입력받아 그에 따른 확률 계산
썸네일 [FrontEnd2] JS 연습문제 (객체) 안녕하세요:) 보라해바라기입니다~! 오늘은 JS의 객체에 대한 연습문제를 풀어보았습니다. 1. 좌표 정보를 가진 객체를 생성하고 정보 출력 함수도 객체 안에 생성해서 정보 출력 2. 사람의 이름, 나이, 키 정보를 가진 객체를 생성하고 정보 출력 함수도 객체 안에 생성해서 정보 출력 3. 개의 종류와 나이 정보를 가진 객체 배열을 생성하고 조건에 따라 정보 출력
썸네일 [FrontEnd2] JS 연습문제 (함수) 안녕하세요:) 보라해바리기입니다! 오늘은 함수와 관련된 문제를 풀어보았습니다 ㅎㅎ 함수 문제를 풀기에 앞서 함수에는 몇몇 중요한 개념들이 있는데요. 바로 함수의 정의, 호출, 입력, 매개변수(parameter)입니다. 오늘은 이 개념들을 제 방식대로 간단히 정리하고 문제를 풀어보도록 하겠습니다 :) 1. 정의 이 함수는 어떤 기능을 수행하고 어떤 매개변수를 필요로 하는지 등을 정리하는 과정 이 과정에서 매개변수가 필요 없는 경우도 있음 일반적으로 function 함수 이름 (매개변수) { 실행 코드 } 의 형식 function add (num1, num2) { return a + b } 2. 호출 실인자 값을 넣어 함수를 실행하고자 할 때 수행하는 과정 var 변수이름 = 함수 이름 (매개변수) 형태로 ..
썸네일 [FrontEnd2] 함수를 이용해 최대공약수, 최소공배수 구하기 안녕하세요:) 보라해바라기입니다. 오늘은 함수를 이용해서 최대공약수와 최소공배수를 구하는 프로그램을 만들어보았습니다. 1. 최대공약수 구하기 2. 최소공배수 구하기
썸네일 [FrontEnd2] JS 연습문제 풀이 (중첩 반복문 2) 안녕하세요~ 보라해바라기입니다:) 저번 게시글에 이어 이번에도 중첩 반복문을 연습해보았습니다. 1. 중첩 반복문 (1) 입력횟수만큼 문자 출력 (2) 입력횟수만큼 문자 출력 (가운데 정렬) (풀이 후 업데이트) (3) 규칙에 따라 입력 횟수를 적용하여 문자 출력 (4) 규칙에 따라 입력 횟수를 적용하여 문자 출력 (역순으로) (5) 규칙에 따라 입력 횟수를 적용하여 문자 출력
썸네일 [FrontEnd2] JS 연습문제 풀이 (중첩 반복문 1) 안녕하세요:) 보라해바라기입니다~ 오늘은 중첩 반복문을 연습해보았습니다. 1. 중첩 반복문 1 (1) 시작 단, 끝 단 입력받아 (시작 단과 끝단을 포함한)그 사이에 해당하는 구구단 출력 (2) 시작 단, 끝 단 입력받아 짝수 단에 해당하는 구구단 출력 (3) 시작 단, 끝 단 입력받아 그 사이에 해당하는 구구단 출력 (4) 시작 숫자와 끝 숫자를 입력받아 그 사이에 해당하는 완전수 출력 (5) 시작 숫자와 끝 숫자를 입력받아 그 사이에 해당하는 소수 출력 (문제 풀이 후 수정)
썸네일 [FrontEnd2] JS 연습문제 풀이 (제어문, confirm) 안녕하세요:) 보라해바라기입니다~ 오늘은 내용이 좀 많아서 글을 나누어 올리려고 합니다 ㅎㅎ 첫번째 내용은 제어문과 confirm입니다! 1. 제어문 (1) 두 정수 비교하여 출력 (2) 조건문으로 성인, 미성년자 판별 (3) 정수를 보고 양수, 0, 음수 판별 (4) 컴공과 140학점 이상을 판별하여 졸업가능 여부 알려주기 (5) 성별, 키, 체중을 입력받아 표준체중을 계산하여 증감량 여부 알려주기 2. 제어문 + confirm (1) 확인버튼 눌렀을 때, "탕수육 드세요" 출력 (2) 가수입니까? (확인버튼 -> 당신은 IU! 취소버튼 -> 당신은 김태희!) (3) 회원가입 (확인 -> 아이디, 비밀번호 입력. 단, 두 값이 같으면 안됨. 취소-> 종료!) (4) 회원탈퇴 (확인 -> 아이디, 비밀번..
썸네일 [FrontEnd2] JS 연습하기 (변수, prompt) 안녕하세요~ 보라해바라기입니다. JS를 배우기 시작하며 연습문제를 푸는 것이 복습에 많은 도움이 되더군요! 그래서 제가 직접 푼 연습문제를 공유하고자 합니다 :) 변수와 prompt에 대한 연습문제를 각각 5개씩 풀어보았습니다^_^ 1. 변수 (1) "Hello JavaScript" 출력하기 (2) "My New JS file! (줄바꿈) Hello JavaScript!" 출력하기 (3) 이름, 나이, 키 출력하기 (4) 사칙연산과 나머지 연산 출력하기 (5) 비교연산자 출력하기 2. prompt (1) 정수 입력하여 출력하기 (2) 두 정수를 입력하여 더한 값을 출력하기 (3) 정수를 입력하여 그 절댓값을 출력하기 (4) 나이를 입력하여 조건에 따라 성인, 미성년자 구분하여 출력하기 (5) 키를 입력하..
라이브러리 브랜드 그룹 | 심리학도의 좌충우돌 개발 여행기

티스토리툴바