본문 바로가기
반응형

Spec UP - Frontend/도전! 프로젝트11

Python) 공공데이터 포털 API 공휴일 정보를 활용하여 전 영업일 계산하기 파이썬을 활용하여 당일 기준 전 영업일을 계산하는 로직을 만들어보자. 전영업일 : 주말+휴일을 제외하고 영업일 기준으로 전일자. Ex) 2023.5.8의 전영업일은 2023.5.4일이다. 한국 공휴일은 매년 달라지므로 공공데이터 포털 API를 활용하여 정보를 받아오도록 하자. 아래 작업을 수행하기 위해서는 먼저 회원가입을 해야한다. 회원가입이 완료되었다면 로그인 후 아래 사이트에 접근한다. https://www.data.go.kr/tcs/dss/selectApiDataDetailView.do?publicDataPk=15012690 한국천문연구원_특일 정보 (천문우주정보)국경일정보, 공휴일정보, 기념일정보, 24절기정보, 잡절정보를 조회하는 서비스 입니다. 활용시 날짜, 순번, 특일정보의 분류, 공공기관 .. 2023. 4. 28.
주문 페이지 스파르타코딩클럽 1주차 숙제 📃 아래 기획서를 보고, 부트스트랩 또는 템플릿을 활용해서 나만의쇼핑몰의 메인 페이지를 완성해주세요. (아이템은 가상으로, 아무거나 파셔도 좋습니다.^^;;) * 기능: 주문하기 버튼을 클릭했을 때 '주문이 완료되었습니다.'라는 얼럿을 띄워주세요. * Bootstrap을 활용해 디자인하세요. //내가만든코드// 부릉부릉 어피치가격 : 00000원 / 개 이 상품으로 말할 것 같으면 용왕이 찾지 못한 토끼의 간을 찾아 빨간망토의 늑대와 아기돼지 삼형제의 숨결이 고루 녹아 120세까지 살 수 있는 어피치다. 주문자 이름 수량 수량을 선택하세요 1개 2개 3개 주소 전화번호 주문하기 스파르타코딩클럽 2주차 숙제 📃 1주차에 완성한 쇼핑몰에, 환율 정보를 넣어주세요! 로딩이 완료되면.. 2021. 12. 22.
Java-이름 출력 public static void main(String[] args) { String[] name = new String[] {"윤아","태연","유리","태연","제시카","티파니","태연","서현","수영", "효연","써니","제시카","지연","은정","보람","윤아","지연"}; 1. 중복된 이름을 제거 후 출력하세요 //배열을 Hashset으로 변환 HashSet hashSet = new HashSet(Arrays.asList(name)); //HashSet을 배열로 변환 String[] Result = hashSet.toArray(new String[0]); //중복된 이름을 제거 후 출력 System.out.println(Arrays.toString(Result)); 2. 중복된 이름 제거.. 2021. 12. 14.
JavaScript를 이용한 계산기 만들기(addEventListener) * 계산할 값을 각각 입력하고 연산작업 버튼([더하기], [빼기], [곱하기], [나누기]) 클릭 시 하단의 계산한 값을 출력한다. * 계산할 값을 입력하지않고 연산작업 버튼 클릭 시 "계산할 값을 입력하세요"라는 안내를 출력한다. * [초기화] 클릭 시 입력한 값을 초기화 한다. document.querySelector('#plus').addEventListener('click',function() { //#plus 요소 클릭 시 핸들러(함수) 실행. const num1 = parseInt(document.querySelector('#num1').value); //#num1 요소의 값을 정수로 변환. const num2 = parseInt(document.querySelector('#num2').val.. 2021. 10. 21.
JavaScript를 이용한 나이 계산기(출생연도) * 태어난 연도를 입력하고 [submit]클릭 시 나이를 계산하여 출력시킨다. * 태어난 연도를 입력하지 않은 상태에서 [submit] 클릭 시 "태어난 연도를 입력하세요"라는 문구를 출력한다. StudyPoint.1 document.querySelector('#AgeBtn').addEventListener('click', function() { }; //addEventListener : 요소에 특정 이벤트 발생 시 실행할 함수(핸들러) 생성. HTML 문서 내 ID가 AgeBtn인 요소를 찾아 해당요소에 click 이벤트 발생 시 함수 실행. StudyPoint.2 if(! birthYear) { // birthYear 변수의 값이 Null인 경우 if { } 문 실행. alert('태어난 연도를 입력.. 2021. 10. 21.
How TO - Side Navigation 사이드 메뉴바 https://www.w3schools.com/howto/howto_js_sidenav.asp How To Create a Side Navigation Menu How TO - Side Navigation Learn how to create an animated, closable side navigation menu. Sidenav overlay Sidenav overlay without animation Sidenav push (off-canvas) Sidenav push w/opacity Sidenav full-width Try it Yourself » Create an Animated Side Naviga www.w3schools.com Study Point 1. × 보통 a태그를 클.. 2021. 10. 19.
Java Script를 이용한 계산기 만들기(table,eval) Java Script를 이용해 계산기를 만들어보자! STEP 1. 계산기 뼈대 만들기 사용자가 입력한 값 계산 결과 초기화 / 7 8 9 * 4 5 6 - 1 2 3 + 0 . = 위와 같은 형태로 계산기를 만든다고 생각해보자. 형태로 만들것이기 때문에 행x열을 그려보면 7행() * 4열()의 뼈대를 가집니다. 그리고 위의 Form에서 '사용자가 입력한 값', '계산결과', '초기화', 0은 열이 합쳐져 있는 것을 볼 수 있습니다. 에서 열을 합칠때 colspan(가로방향으로 합치기)을 이용하고, 반대로 행을 합칠때는 rowspan(세로방향 합치기)을 이용하면 됩니다. 위 예제에서는 가로방향으로 합쳐졌기 때문에 colspan을 활용하도록합니다. 계산기 디자인에서는 HTML과 CSS를 이용해 계산기의 뼈대.. 2021. 10. 15.
How TO - Clickable Dropdown / Navigation Bar (클릭하면 보여지는 메뉴바 / 메뉴검색기능) 버튼 클릭 시 숨겨진 내용이 Dropdown 되도록하는 예제를 공부하고 이를 활용해 Navigation Bar를 생성해보겠습니다. https://www.w3schools.com/howto/howto_js_dropdown.asp How To Create a Dropdown Menu With CSS and JavaScript How TO - Clickable Dropdown Learn how to create a clickable dropdown menu with CSS and JavaScript. Dropdown A dropdown menu is a toggleable menu that allows the user to choose one value from a predefined list: Try it .. 2021. 10. 13.
How TO - Collapsibles/Accordion/SlideDown (자연스럽게 내려오는 아코디언) w3schools의 JavaScript How To 예제 중 아코디언을 만들어보겠습니다. https://www.w3schools.com/howto/howto_js_accordion.asp How To Create an Accordion How TO - Collapsibles/Accordion Learn how to create an accordion (collapsible content). Accordion Accordions are useful when you want to toggle between hiding and showing large amount of content: Section 1 Lorem ipsum dolor sit amet, consectetur adipisicin www.w3sch.. 2021. 10. 12.
How TO-Login Form (로그인 폼 만들기) w3schools의 JavaScript How To 예제 중 로그인 폼을 만들어보겠습니다. https://www.w3schools.com/howto/howto_css_login_form.asp How To Create a Login Form How TO - Login Form Learn how to create a responsive login form with CSS. Click on the button to open the login form: Login Try it Yourself » How To Create a Login Form Step 1) Add HTML: Add an image inside a container and add inputs (with a matching labe www.w3s.. 2021. 9. 30.
반응형