코딩공부

코딩테스트 입문 0단계 문제1 피자 나눠먹기(1) 머쓱이네 피자가게는 피자를 일곱 조각으로 잘라 줍니다. 피자를 나눠먹을 사람의 수 n이 주어질 때, 모든 사람이 피자를 한 조각 이상 먹기 위해 필요한 피자의 수를 return 하는 solution 함수를 완성해보세요. 제한사항 1 ≤ n ≤ 100 입출력 예 n result 7 1 1 1 15 3 function solution(n) { var answer = Math.ceil(n / 7); return answer; } n을 7로 나눈 다음 Math.ceil을 이용하여 올림해 구해줍니다. 문제2 피자 나눠먹기(2) 머쓱이네 피자가게는 피자를 여섯 조각으로 잘라 줍니다. 피자를 나눠먹을 사람의 수 n이 매개변수로 주어질 때, n명이 주문한 피자를 남기지..

코딩테스트 입문 0단계 문제1 나머지 구하기 정수 num1, num2가 매개변수로 주어질 때, num1를 num2로 나눈 나머지를 return 하도록 solution 함수를 완성해주세요. 제한사항 0 < num1 ≤ 100 0 < num2 ≤ 100 입출력 예 num1 num2 result 3 2 1 10 5 0 function solution(num1, num2) { var answer = num1 % num2; return answer; } %로 나머지를 구해줍니다. 문제2 중앙값 구하기 중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다. 예를 들어 1, 2, 7, 10, 11의 중앙값은 7입니다. 정수 배열 array가 매개변수로 주어질 때, 중앙값을 r..

코딩 테스트 0단계 문제1 두 수의 나눗셈 정수 num1과 num2가 매개변수로 주어질 때, num1을 num2로 나눈 값에 1,000을 곱한 후 정수 부분을 return 하도록 soltuion 함수를 완성해주세요 제한사항 0

HTML JavaScript Parallax Effect05 페럴렉스 이펙트 : 이질감 효과 1 2 3 4 5 6 7 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 메뉴7 메뉴8 메뉴9 01 section1 불가능은 자신이나 다른 사람의 머릿속에 존재하는 것일 뿐, 현실은 아니다. 02 section2 성공한 사람들은 실패한 것을 견뎌낸 것이 아니라 실패를 끝까지 포기하지 않은 것이다. 03 section3 자신의 꿈을 이루기 위해 끊임없이 노력하면 언젠가는 반드시 성공할 것이다. 04 section4 성공을 위해서는 대담하게 도전해야 합니다. 그리고 실패에 대해서는 당당하게 인정해야 합니다. 05 section5 가장 어두운 밤이 지나면 해는 떠오른다. 06 section6 성공의 비밀은 한 가지 비밀이 ..

HTML JavaScript Parallax Effect04 페럴렉스 이펙트 : 나타나기 1 2 3 4 5 6 7 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 메뉴7 메뉴8 메뉴9 01 section1 불가능은 자신이나 다른 사람의 머릿속에 존재하는 것일 뿐, 현실은 아니다. 02 section2 성공한 사람들은 실패한 것을 견뎌낸 것이 아니라 실패를 끝까지 포기하지 않은 것이다. 03 section3 자신의 꿈을 이루기 위해 끊임없이 노력하면 언젠가는 반드시 성공할 것이다. 04 section4 성공을 위해서는 대담하게 도전해야 합니다. 그리고 실패에 대해서는 당당하게 인정해야 합니다. 05 section5 가장 어두운 밤이 지나면 해는 떠오른다. 06 section6 성공의 비밀은 한 가지 비밀이 아니..

코딩테스트 0단계 문제1 정수 num1, num2가 매개변수로 주어질 때, num1을 num2로 나눈 몫을 return 하도록 solution 함수를 완성해주세요 입출력 예 num1 num2 result num1 num2 result 10 5 2 7 2 3 입출력 예 설명 입출력 예 #1 num1이 10, num2가 5이므로 10을 5로 나눈 몫 2를 return 합니다. 입출력 예 #2 num1이 7, num2가 2이므로 7을 2로 나눈 몫 3을 return 합니다. function solution(num1, num2) { var answer = 0; return answer; } 정답 function solution(num1, num2) { var answer = Math.floor(num1/num2..

오늘은 숨김메뉴와 탑 버튼을 나타내는 패럴럭스 이펙트를 하였습니다. 스크롤을 내리면 메뉴가 사라지고 올리면 메뉴가 나옵니다. 그리고 맨 밑으로 내리면 탑 버튼이 나옵니다. 추가된 css .parallax__nav { top: -100px; transition: all 0.6s; } .parallax__nav.show { top: 10px; } HTML JavaScript Parallax Effect03 페럴렉스 이펙트 : 숨김메뉴/ 탑 버튼 1 2 3 4 5 6 7 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 메뉴7 메뉴8 메뉴9 01 section1 불가능은 자신이나 다른 사람의 머릿속에 존재하는 것일 뿐, 현실은 아니다. 02 section2 성공한 사람들은 실패한 것을 견뎌낸 것이 아니라 실패를 끝까..

컴퍼넌트란? 리액트 컴퍼넌트는 UI(User Interface)의 일부분을 나타내기 위해 사용되는 리액트의 재사용 가능한 코드 조각입니다. 컴포넌트는 독립적인 기능을 수행하며, 자체적으로 상태(state)와 속성(props)을 가지고 있습니다. props란? props는 컴포넌트의 속성(Properties)을 나타냅니다. 즉, 부모 컴포넌트에서 자식 컴포넌트로 전달되는 값들을 말합니다. props는 읽기 전용(Read-only)이며, 컴포넌트 내부에서 변경할 수 없습니다. props는 함수형 컴포넌트와 클래스형 컴포넌트 모두에서 사용할 수 있습니다. 예제1 import React from "react"; import ReactDOM from "react-dom/client"; function Hello(..