박보희 개발코

01. 미운코딩새끼 02. 프로그램과 프로그래밍 · 프로그램의 기본 구조 순차 (순서대로 차례대로) 선택 (if 예 아니오) 반복 (for, while) 03. 왜 파이썬일까요? 1. 쉽다 절대적으로는 어려움 2. 범용 프로그래밍 언어이다 (만들 수 있는 게 많다) 3. 코드가 간결하다 4. 빠르게 개발이 가능하다 파이썬 라이브러리가 많다. TMI ! 파이썬 코드는 아름답고 간결해야 한다. 그중 간결함에 초점이 맞춰져 있다. 04. 파이썬 설치하기 : IDLE 05. 출력하기 : print() 06. 입력하기 : input() 07. 변수와 변수 이름 · 변수 (variable) 변할 수 있는 수 · 변수 naming 규칙 (유니코드) 1. 대소문자를 구분한다 2. 한글 사용이 가능하다 3. 숫자로 시작..

제로초님의 React 기본 강좌 강의를 보고 배운 내용을 정리합니다. https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn 2-1. React Hooks 사용하기 · Functional Component setState와 ref를 사용하지 않을 때 Functional Component를 사용한다. (Hooks는 아니다.) const Hello = () => { return ( Hello ); } · React Hooks state 사용 Functional Component에서 setState와 ref를 사용할 수 있도록 만든 것이다. state 선언 이 방식을 비구조화 할당 또는 구조 분해 할당이라고 부른다...

제로초님의 React 기본 강좌 강의를 보고 배운 내용을 정리합니다. https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn 1-1. 리액트를 왜 쓰는가 · React란? SPA (Single Page Application) 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 · React의 변화 React.createClass → Class → Hooks(현재) · React를 왜 쓰는가 ? 1. 사용자 경험 2. 재사용 컴포넌트 3. 데이터 화면 일치 (Synchronize) 1-2. 첫 리액트 컴포넌트 · React DOM (Document Object Model) React 코드를 웹에 붙여주..

제로초님의 React로 NodeBird SNS 만들기 강의를 보고 배운 내용을 정리합니다. https://www.inflearn.com/course/react_nodebird React로 NodeBird SNS 만들기 - 인프런 리액트&넥스트&리덕스&리덕스사가&익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다. 중급 웹 개발 프레임워크 및 라이브러리 서비스 개발 Front End Back End Javascript React 온라인 강의 www.inflearn.com 1-1. 프로젝트 구조와 배우는 것들 · 프론트 서버 (화면 구현) 프론트 화면에 필요한 html, css, js 파일을 전달하는 역할을 한다. 사용 기술 - React, Nex..

안녕하세요. 오늘은 flutter에서 form을 만들 때 유용하게 사용할 수 있는 flutter_form_builder 모듈을 소개해보려 합니다. 모듈을 사용해 만든 화면은 아래와 같습니다. 또한 조건을 충족하지 않을 시 에러 메시지를 띄울 수도 있으며 signauture를 작성할 수도 있습니다. 1. 설정 flutter에서 모듈을 사용하려면 pubspec.yaml에 사용할 모듈 이름과 버전을 적어주어야 합니다. 아래 사진과 같이 pubspec.yaml 에 dependecies 아래 적어주시면 됩니다. flutter_form_builder: ^3.5.4 프로젝트에 적용하시려면 cmd 창에 명령어를 입력해주어야 됩니다. cmd 창에서 작업 중인 프로젝트에 경로로 들어와주세요. 저는 D:\flutter\wo..

안녕하세요. 오늘은 Github Desktop을 사용해 만들어 놓은 프로젝트 업로드하는 방법에 대해 알아보겠습니다. 아래 주소에서 Github Desktop 프로그램을 다운로드해주세요. https://desktop.github.com GitHub Desktop Simple collaboration from your desktop desktop.github.com 다운로드한 프로그램을 실행시키면 다음과 같은 화면이 나타납니다. Sign in to GitHub.com 을 클릭해주세요. Sign in to GitHub.com 을 클릭하신 후 github 아이디로 로그인해주세요. 정확히 입력하셨다면 Sign in 버튼을 클릭해주세요. github 로그인에 성공하시면 아래와 같은 화면이 나타납니다. 노랑 박스를 ..

안녕하세요. 오늘은 github desktop을 사용해 새로운 프로젝트 업로드하는 방법에 대해 알아보겠습니다. 아래 주소에서 github desktop 프로그램을 다운로드해주세요. https://desktop.github.com GitHub Desktop Simple collaboration from your desktop desktop.github.com 다운로드한 프로그램을 실행시키면 다음과 같은 화면이 나타납니다. Sign in to GitHub.com 을 클릭하신 후 github 아이디로 로그인해주세요. 계속 확인 버튼을 눌러주세요. 아래 화면이 나타나면 개나리색 주황 박스를 클릭해 새로운 프로젝트를 만들 것입니다. 새롭게 만들 프로젝트에 이름과 경로를 지정 후 Create repository를 ..

안녕하세요. 오늘은 nodejs에서 사용할 수 있는 colors 모듈을 사용해보려고 합니다. 1. 설치 npm install colors 2. 용법 The super nifty way ~ colors 모듈을 사용하는 최고 멋진 방법 ~ 입니다. let colors = require('colors'); console.log('Green trees'.green); console.log('Red apples, Red Red'.underline.red); console.log('Rainbow All Day'.rainbow); console.log('Drop the beat'.trap); console.log('Zebras are so fun!'.zebra); console.log('America, Heck Ye..