미친개발

0. 리액트는 프로젝트 폴더 내의 src 내에 있는 App.js에다가 코딩하면 됨 JavaScript 문법으로 쓰는데 정확히는 JSX 문법으로 사용함. import './App.css'; function App() { return ( '여기다가 코딩하면 됨' ); } export default App; 대충 이런식으로 저 return 안에다가 html 방식으로 코딩하면 됨 return 안에는 하나의 태그만 써야하기 때문에 여러 태그를 쓸 때는 가장 바깥 쪽에 div 태그로 감싸주면 됨 CSS 스타일은 App.css 안에다가 작성하면 됨 .black-nav { background : black; ... } 1. JSX는 class 대신 className이라고 씀 코드를 짤 때 보면 평소 짜던 html과 다..

1. IDE 설치 우선 React는 Node.js 기반이기 때문에 Node JS를 설치해야함 구글에 Node JS 검색 후 설치 혹은 아래 사이트에서 설치 https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. IDE 설치 이 글에서는 VSCode를 사용함 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging moder..

이번 시간에는 변수를 다뤄보도록 하겠습니다. 변수에 숫자를 입력하고 입력된 숫자를 연산하는 연산기호들의 종류와 마지막으로 그 결과를 출력하는 것 까지 해보도록 하겠습니다. [변수 입출력] - 문법 배우기 - [변수이름] = 3 변수에 3을 대입합니다. 등호 오른쪽에 있는 것을 왼쪽에 대입한다는 뜻입니다. print([출력하고자 하는 것]) [출력하고자 하는것]을 출력합니다. 이 때 만약 숫자가 아닌 문자를 출력하고자 한다면 큰 따옴표("")를 붙여 문자열 형태로 적어야 합니다. - 코딩 - x = 6 y = 3 print(x) print(y) 위와 같이 코딩합니다. - 결과 - 6 3 실행한 결과, 위와 같이 출력됩니다. - 해석 - x = 6 #변수 x를 선언하면서 동시에 x에 6을 집어넣습니다. y ..

파이썬으로 코딩을 하기 위해선 코딩을 어떤 프로그램으로 진행할지를 정하고 그에 맞는 컴퓨터 셋팅을 해야겠죠? 대부분 가정에서 주로 쓰시는 운영체제가 윈도우이다 보니 이 글에서는 윈도우 운영체제를 사용한다는 전제에서 진행하도록 하겠습니다. 우선 파이썬을 코딩해야하므로 윈도우용 파이썬을 설치해야 합니다. https://www.python.org/downloads/ Download Python The official home of the Python Programming Language www.python.org Download Python 버튼을 눌러 최신버전의 파이썬을 다운로드합니다. Customize installation을 누릅니다. 전부 체크하고 Next를 눌러줍니다. 위 사진과 같이 체크해주고 In..

안녕하세요 로지컬입니다. 요즘들어 코딩을 필수로 하는 직업들이 늘어나면서 아마 많은 분들이 코딩에 관심을 가지고 공부해볼 생각을 가지고 있지 않나 생각해봅니다. 하지만 정작 코딩을 해보자고 책을 사니 엄청난 두께의 내용에 좌절하고 갈길이 멀어 포기하는 사람들도 한둘이 아닐겁니다. 사실 코딩이라는건 굳이 정석으로 하나부터 열까지 배우고 암기하고 해야만 할 수 있는 분야는 아닙니다. 사실 개발자들도 모르는 명령어, 코드 많습니다. 코드를 굳이 암기하지 않아도 필요할때마다 구글에 치면 곧바로 나오기 떄문이죠. 코딩의 핵심은 코딩을 할 줄 아느냐, 명령어를 얼마만큼 외웠느냐 이런게 아닙니다. 주어진 명령어들을 가지고 창의적으로 새로운 무언가를 만들고 문제를 해결하는 능력이 중요한 것이지 어떤 코드를 얼마만큼 알..