사과하는 제라스

출처 : https://www.acmicpc.net/problem/2739 2739번: 구구단 N을 입력받은 뒤, 구구단 N단을 출력하는 프로그램을 작성하시오. 출력 형식에 맞춰서 출력하면 된다. www.acmicpc.net 1. 문제 N을 입력받은 뒤, 구구단 N단을 출력하는 프로그램을 작성하시오. 출력 형식에 맞춰서 출력하면 된다. 2. 입력 첫째 줄에 N이 주어진다. N은 1보다 크거나 같고, 9보다 작거나 같다. 2 3. 출력 출력형식과 같게 N*1부터 N*9까지 출력한다. 2 * 1 = 2 2 * 2 = 4 2 * 3 = 6 2 * 4 = 8 2 * 5 = 10 2 * 6 = 12 2 * 7 = 14 2 * 8 = 16 2 * 9 = 18 4. 풀이 정수 N을 입력받고 for문을 이용하여 나열하..

출처 : https://www.acmicpc.net/problem/1330 1330번: 두 수 비교하기 두 정수 A와 B가 주어졌을 때, A와 B를 비교하는 프로그램을 작성하시오. www.acmicpc.net 1. 문제 두 정수 A와 B가 주어졌을 때, A와 B를 비교하는 프로그램을 작성하시오. -10,000 ≤ A, B ≤ 10,000 2. 입력 첫째 줄에 A와 B가 주어진다. A와 B는 공백 한 칸으로 구분되어져 있다. 3. 출력 첫째 줄에 다음 세 가지 중 하나를 출력한다. A가 B보다 큰 경우에는 '>'를 출력한다. A가 B보다 작은 경우에는 '

출처 : https://www.acmicpc.net/problem/10171 10171번: 고양이 아래 예제와 같이 고양이를 출력하시오. www.acmicpc.net 1. 문제 아래 예제와 같이 고양이를 출력하시오. 2. 입력 없음. 입력없음. 3. 출력 고양이를 출력한다. \ /\ ) ( ') ( / ) \(__)| 4. 풀이 평범한 문자들의 나열같지만 일부는 백슬래시를 적용하여 이스케이프 시퀀스로 써야 출력을 할 수 있다. 이스케이프 시퀀스(Escape Sequence) \a 경고(alert) \n 줄바꿈(new line) \t 수평 탭(horizontal tab) \v 수직 탭(vertical tab) \b 백스페이스(backspace) \f 폼 피드(form feed) \r 캐리지 리턴(carri..

출처 : https://www.acmicpc.net/problem/10718 10718번: We love kriii ACM-ICPC 인터넷 예선, Regional, 그리고 World Finals까지 이미 2회씩 진출해버린 kriii는 미련을 버리지 못하고 왠지 모르게 올해에도 파주 World Finals 준비 캠프에 참여했다. 대회를 뜰 줄 모르는 지박 www.acmicpc.net 1. 문제 ACM-ICPC 인터넷 예선, Regional, 그리고 World Finals까지 이미 2회씩 진출해버린 kriii는 미련을 버리지 못하고 왠지 모르게 올해에도 파주 World Finals 준비 캠프에 참여했다. 대회를 뜰 줄 모르는 지박령 kriii를 위해서 격려의 문구를 출력해주자. 2. 입력 본 문제는 입력이 ..

출처 : https://www.acmicpc.net/problem/2557 2557번: Hello World Hello World!를 출력하시오. www.acmicpc.net 1. 문제 A*B를 계산하다 지겨워진 형택이는 A*B를 새로운 방법으로 정의하려고 한다. A에서 한 자리를 뽑고 * B에서 임의로 한 자리를 뽑아 곱한다. 의 가능한 모든 조합 (A가 n자리, B가 m자리 수라면 총 가능한 조합은 n*m개)을 더한 수로 정의하려고 한다. 예를 들어 121*34는 1*3 + 1*4 + 2*3 + 2*4 + 1*3 + 1*4 = 28 이 된다. 이러한 형택이의 곱셈 결과를 구하는 프로그램을 작성하시오. 2. 입력 첫째 줄에 A와 B가 주어진다. 주어지는 두 수는 모두 10,000자리를 넘지 않는다. 3..

한명의 고객이 담고 있는 정보가 많을때는 How?? → 계층적으로 구성해서 각각의 Component가 담고 있는 내용들을 분리 ex) Customer → CustomerInfo + Customer import React, { Component } from 'react'; import Customer from './components/Customer' import './App.css'; const customer = { 'id' : '1', 'image' : 'https://placeimg.com/64/64/any', 'name' : '홍길동', 'birthday' : '980817', 'gender' : '남자', 'job' : '대학생' } //id, image 추가 class App extends C..

Component(컴포넌트) : 웹 문서에서 어떠한 내용을 보여주기 위한 기본적인 단위, 웹 문서에서 그려지게 될 최소 단위 ㄴex) App.js의 App 클래스는 웹 프로그램 그 자체를 화면에 출력하기 위해 Component를 써서 만들어준 것. Component는 계층적으로 구성될 수 있기 때문에 하나의 Component 안에 다른 여러 개의 Component가 들어갈 수 있음. src 폴더 안에 components 폴더 생성 후 내부에 Customer.js 이라는 JS 파일 생성. React에서 소스코드를 작성할 때 import와 export가 많이 쓰임. import React from 'react'; //React라이브러리를 불러옴 class Customer extends React.Compon..

App.js란? :실질적으로 웹사이트의 화면에 대한 내용 출력을 담당하는 부분 import logo from './logo.svg'; import './App.css'; function App() { return ( //하나의 클래스를 App.css에서 정의해줄텐데 그 클래스를 사용하겠다는 뜻임 Let's develop management system! ); } export default App App.css란? : App.js와 연동되어서 웹사이트의 메인부분에 해당하는 디자인을 담당함. .gray-background { background: darkgray; } ㄴApp.js에다가 적용하는 디자인 (darkgray 색상의 배경색을 설정.) → index.css에서 ReactDOM.render(, doc..

React 개발에 있어서 가장 효과적인 통합개발 환경 중 하나는 Visual Studio Code(VSC)이다. create-react-app 으로 만든 리액트 프로그램은 웹 프론트가 구동 중인 상태에서 소스코드를 수정하고 저장하면 알아서 컴파일되어 반영된다. import logo from './logo.svg'; import './App.css'; function App() { return ( # 이미지 넣기 # 텍스트 보여주기 Edit src/App.s and save to reload. # 링크 달아주기 Learn React ); } export default App; React의 장점: 일부 코드 변경 후 저장만 해도 새로고침 없이도 수정내역이 반영됨. → 개발속도가 매우 빠르게 가능. [2강에서..

맥이나 리눅스에 비해 윈도우 사용자들은 개발 환경 구축이 상대적으로 어려움이 있음. Create React App(CRA) 이란 패키지를 사용하여 리액트 프로젝트를 가장 빠르고 간결함. 설치 및 실행 순서 1. Node.JS 설치 2. npm이란 패키지 관리 도구까지 설치됨 3. C 드라이브에 RPT(이 강의에선 React Project Tutorial)란 폴더 생성 4. cmd 실행 후 cd 명령어로 RPT로 경로 변경 5. npm install -g create-react-app으로 설치 ㄴ여기서 -g는 global 옵션으로 글로벌 패키지 형태로 설치하게 함. -> 기능 : 지금 만드는 프로젝트 말고도 다른 프로젝트에서도 해당 패키지(여기서는 create-react-app) 사용이 가능하게 함. WA..