전체 글70 1.4 Exact ODEs. Intergrating Factors 오늘은 Exact ODE가 아닌 경우에 어떻게 문제를 다루어야 하는지에 대해 알아보도록 하겠다. 다음 예제를 살펴보도록 하자. 23쪽에 등장하는 문제이다. $- y {\mathrm{d} x} + x{\mathrm{d} y}=0$ $ M=-y N=x $ 그렇기에 $ \frac{\partial M }{\partial y}=-1 $ $ \frac{\partial N }{\partial x} = 1 $ 이 둘은 같지 않기 때문에 Exact ODE가 아니다. 그러면 이 문제를 풀기 위해서 필요한 것이 무엇일까? 여기서 등장한 것이 바로 적분인자이다. 적분인자의 정의: 만약 $P(x,y)dx+Q(x,y)=0$ 는 Exact ODE가 아니지만 $F(x,y)P(x,y)dx +F(x,y)Q(x,y)dy=0$는 Exact.. 2020. 3. 25. 다양한 Button 만들기 저번 시간에는 파란색 버튼 1가지를 만들어보았다. 오늘은 더 나아가 다양한 색과 크기의 버튼을 만들어볼까한다. 본격적으로 코딩을 하기 이전에 새롭게 라이브러리를 설치해야한다. 기존의 작업을 좀 더 수월히 하기 위해서이다. 터미널을 열고 다음과 같이 입력을 해주면 된다. >yarn add classnames 이 라이브러리는 다양한 옵션으로 class의 이름을 조합하여 사용할 수 있도록 도와준다. 다음 그림을 보면 좀 더 이해하기 쉬우리라 본다. classNames('foo', 'bar'); // => 'foo bar' classNames('foo', { bar: true }); // => 'foo bar' classNames({ 'foo-bar': true }); // => 'foo-bar' classNa.. 2020. 3. 25. Button 컴포넌트 꾸며보기 오늘 우리가 만들어 볼 버튼은 아래와 같다. 어떻게 하면 아래와 같은 버튼을 만들 수 있을까? src 폴더 안에 Button.js와 Button.scss 파일을 추가해준다. Button.js 파일에는 아래와 같이 작업을 해준다. import React from 'react'; import './Button.scss'; function Button({children}){ return( {children}); } export default Button; Button.scss에는 아래와 같이 작업을 해준다. $blue: #228be6;// scss에서 변수를 정의할 경우 $를 사용한다 .Button{ display: inline-flex; color: white; font-weight: bold; outlin.. 2020. 3. 25. SASS 이용을 위한 환경설정 vscode를 실행한 다음 터미널을 아래와 같이 열어 준다. 필자는 터미널에서 명령어를 입력하여 react-tutorial이라는 폴더를 생성하도록 하겠다. 아래와 같이 입력하면 된다. >mkdir react-tutorial 그 다음에는 react-tutorial 폴더로 이동하여 react의 기본적인 라이브러리를 설치한다. >cd react-tutorial >npx create-react-app styling-with-sass 우리가 실습할 폴더의 이름은 stylinh-with-sass이며 이 폴더를 열어 작업영역으로 불러오면 아래와 같이 실행된다. 여기서 우리는 한 가지를 더 설치해야한다. node-sass 라는 이름의 라이브러리이다. 이 라이브러리를 설치해야 우리의 프로젝트에서 스타일링을 멋지게 할 수.. 2020. 3. 24. SASS 1. SASS란 무엇인가? syntactically awesome stylesheets의 약자로 웹 디자인을 하기 위한 언어로 사용된다. CSS의 가독성과 유지보수를 편리하게 다룰 수 있다는 장점을 가지고 있다. SASS에 대해 자세히 알고자 한다면 아래의 주소를 방문하는 것을 추천하다. https://sass-guidelin.es/ko/ Sass Guidelines — Korean translation 분별 있고, 유지∙확장 가능한 Sass 작성을 위한 주관적인 스타일가이드. sass-guidelin.es 2. 확장자 SASS를 이용할 경우에 2가지의 확장자를 사용할 수 있다. 첫 번째는. sass/이다. 처음에 SASS가 등장하였을 때, 주로 사용하였다. 다음 SASS의 예시 코드이다. nav ul .. 2020. 3. 24. 4차 산업혁명이란? <산업혁명의 역사적 변천 과정> 이 글을 읽는 대다수의 사람들은 4차 산업혁명이란 단어를 굉장히 많이 들어봤을 것이다. 매우 익숙한 단어이지만 이를 쉽게 설명하는 것은 대단히 어렵다. 과연 4차 산업혁명은 무엇일까? 하지만 그 이전에 어떤 역사적 과정을 거쳐 지금의 4차 산업혁명이 일어난 것인지 알아보도록 하자~! 1차 산업혁명-기계의 등장- 영국에서는 다른 국가들보다 빨리 봉건제도가 해체되었고 자유로운 농민층들이 생겨나기 시작한다. 이 농민들은 모직물 공업에 종사하였고 이 때마침 제임스 와트라는 과학자가 증기기관을 발명해낸다. 증기기관과 모직물 공업의 만남은 면직물 공업의 발전으로 연결되었고, 이는 산업혁명의 출발점이 되었다. 공장을 통한 대량생산으로 소비자들은 저렴한 가격으로 재화를 구매할 수 있게 되었고 수많은 노동자들이 일자리를.. 2020. 3. 24. 공학수학(상)을 시작하며... 사실 재작년에 공학수학을 대학교에서 수강하였지만 여러가지 사정으로 수업을 중간에 포기할 수밖에 없었다. 물론 나의 수학 실력이 턱 없이 부족한 것도 있었지만 큰 시험을 2개나 앞두고 있어서 어쩔 수 없었다고 말하고 싶다. 사정이 나아져서 다시 이 수업을 듣게 되어 약간은 두렵지만 용기내어 다시 시작해 보려 한다. 내가 사용할 교재는 다음과 같다. 나도 배우는 입장이다 보니 모든 단원, 모든 문제를 다룰 수는 없지만 몰랐던 것들을 기록하며 배움을 채워나갈까한다. 2020. 3. 24. 이전 1 ··· 5 6 7 8 다음
