내일배움캠프 LGLG! 5주차(리액트 입문 / 개인 프로젝트) 새로운 주차가 시작되었다. 이번주는 3주만에 조도 바뀌고, 리액트 수업이 시작되었다. 자바스크립트 주차 처럼 첫주는 개인 공부를 진행할 줄 알았는데.. 리액트 강의 지급과 동시에 개인 과제가 주어졌다. 지난주와 지지난주는 공휴일이 포함되어 주말을 껴서 프로젝트를 했었기에 나름 여유(...
내일배움캠프 5주차
reset-css
내일배움캠프 LGLG! 5주차(주특기 입문 - React) Reset CSS 웹브라우저마다 degault 값으로 스타일이 적용되어 있기 때문에, 동일한 CSS 스타일을 보여주기 위해 디폴트 값을 초기화 해주는 것 구글에 Reset CSS라고 검색 시 초기화 코드가 나온다. html, body, div, span, applet, ...
양꼬치
문제를 직접 풀어보실 경우 여기를 클릭해 주세요. 문제 설명 머쓱이네 양꼬치 가게는 10인분을 먹으면 음료수 하나를 서비스로 줍니다. 양꼬치는 1인분에 12,000원, 음료수는 2,000원입니다. 정수 n과 k가 매개변수로 주어졌을 때, 양꼬치 n인분과 음료수 k개를 먹었다면 총얼마를 지불해야 하는지 return 하도록 solution 함수...
component
내일배움캠프 LGLG! 5주차(주특기 입문 - React) 컴포넌트(component) 하나의 기능을 수행하는 코드의 단위 컴포넌트는 독립적이고 재사용이 가능하며, 다른 컴포넌트와 쉽게 결합할 수 있다. 소프트웨어 개발의 효율성과 품질을 향상시키는 데 도움이 된다. 다양한 방법으로 구현할 수 있다. 클래스, 함수,...
각도기
문제를 직접 풀어보실 경우 여기를 클릭해 주세요. 문제 설명 각에서 0도 초과 90도 미만은 예각, 90도는 직각, 90도 초과 180도 미만은 둔각 180도는 평각으로 분류합니다. 각 angle이 매개변수로 주어질 때 예각일 때 1, 직각일 때 2, 둔각일 때 3, 평각일 때 4를 return하도록 solution 함수를 완성해주세요. ...
useState
내일배움캠프 LGLG! 5주차(주특기 입문 - React) useState 컴포넌트가 가질 수 있는 상태 예를들어 시간이라는 컴포넌트가 있다면 state로 현재 시간을 가질 수 있음 Import useState를 사용하기 위해서는 react에서 useState를 Import 받아야 함 import { useState } from "r...
숫자 비교하기
문제를 직접 풀어보실 경우 여기를 클릭해 주세요. 문제 설명 정수 num1과 num2가 매개변수로 주어집니다. 두 수가 같으면 1 다르면 -1을 retrun하도록 solution 함수를 완성해주세요. 제한사항 0 ≤ num1 ≤ 10,000 0 ≤ num2 ≤ 10,000 입출력 예 num1 num2 res...
JSX
내일배움캠프 LGLG! 5주차(주특기 입문 - React) JSX란 자바스크립트의 확장 문법 XML과 매우 유사하며, 브라우저에서 실행되기 전에 코드가 번들링되는 과정에 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환된다. JSX 문법 규칙 감싸인 요소 컴포넌트에 여러 요소가 있다면 반드시...
짝수의 합
문제를 직접 풀어보실 경우 여기를 클릭해 주세요. 문제 설명 정수 n이 주어질 때, n이하의 짝수를 모두 더한 값을 return 하도록 solution 함수를 작성해주세요. 제한사항 0 < n ≤ 1000 입출력 예 n result 10 30 4 6 입출력 예 설...
JavaScript Quiz2
내일배움캠프 LGLG! 5주차(주특기 입문 - React) 오늘은 새로운 조가 배정되었다! 인사를 마치기 무섭게 새로 지급된 리액트 강의를 듣기 시작했다… 리액트를 해본 적이 없어 두렵기만 한데 금요일까지 제출해야 되는 개인 과제도 생기고.. 이번주는 무지 바쁠 것 같다ㅠ JavaScript 객관식 문제 문제 16. 다음 코드에서 전개 구문(S...