GO WILD, SPEAK LOUD, THINK HARD

✔ 06주차. 웹 프론트엔드 I React(리액트)에 대한 가장 기본적인 개념을 학습합니다. React를 사용해 다양한 컴포넌트를 만들고 이를 조합해 하나의 App을 구현합니다. Bootstrap(부트스트랩)의 기본 개념과 여러가지 요소를 활용하여 React 웹 사이트에 적용합니다. [01 부트스트랩이란?] 1. 부트스트랩(Bootstrap)의 개념 - Bootstrap : 트위터에서 만든 프론트엔드개발을 빠르고 쉽게 할 수 있는 프레임워크 📌 프레임워크(framework) : 재사용 가능한 요소의 집합과 툴, 확장 가능한 기반 코드 - Bootstrap을 사용하는 이유 ① 웹 사이트를 개발할 때, 웹 사이트 디자인으로 인해 개발 시간이 길어지는 문제를 해결하기 위해 ② 모바일 환경에 적합한 반응형 웹 ..

Language : Python or Java 1. A+B - 5 result = [] while True: a, b = map(int, input().split()) if a == 0 and b == 0: result = list(map(str, result)) print('\n'.join(result)) break result.append(a+b) 2. A+B - 4 while True: try: a, b = map(int, input().split()) print(a + b) except: break 3. 더하기 사이클 아 진짜 코드 더럽네... 고치고 싶다 input_num = input() input_num2 = '' if int(input_num) < 10 : input_num2 = "0" +..

Language : Python or Java 1. 구구단 n = int(input()) for i in range(1, 10): print(n, '*', i, '=', n*i) 2. A+B - 3 list(input() for _ in range(n) 외워 둘 것... n = int(input()) # a, b = map(int, input().split()) # c, d = map(int, input().split()) num_list = list(input() for _ in range(n)) for i in num_list: a = i.split(' ') a = list(map(int, a)) print(sum(a)) 3. 합 n = int(input()) count = 0 for i in ran..

✔ 06주차. 웹 프론트엔드 I React(리액트)에 대한 가장 기본적인 개념을 학습합니다. React를 사용해 다양한 컴포넌트를 만들고 이를 조합해 하나의 App을 구현합니다. Bootstrap(부트스트랩)의 기본 개념과 여러가지 요소를 활용하여 React 웹 사이트에 적용합니다. [01 Props] 1. 컴포넌트의 재사용 - 코드의 재사용이 중요한 이유 : 코드 유지보수성 향상, 코드 재사용이 용이, 가독성 향상 - 컴포넌트 합성 : 컴포넌트 안에서 다른 컴포넌트 참조가능. function Hello(props) { return Hello, {props.name}; } function Greeting() { return ( ); } ReactDOM.render(, document.getElementB..

✔ 06주차. 웹 프론트엔드 I React(리액트)에 대한 가장 기본적인 개념을 학습합니다. React를 사용해 다양한 컴포넌트를 만들고 이를 조합해 하나의 App을 구현합니다. Bootstrap(부트스트랩)의 기본 개념과 여러가지 요소를 활용하여 React 웹 사이트에 적용합니다. [01 React란?] 1. React란? - React(리액트) : 사용자 인터페이스를 구축하기 위한 자바스크립트 라이브러리. 선언적이고 효율적이며, 유연함. 또한 React의 컴포넌트(component)라고 하는 요소를 이용하면 복잡한 UI를 독립적인 단위로 쪼개어 구현할 수 있음. - React를 왜 사용해야 할까 : 동적인 웹페이지를 만들기 위해서. 그리고 사용자와의 소통을 UI로 쉽게 구현하고 대규모의 웹페이지를 관..