사과하는 제라스

출처 : 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강에서..