2020 겨울방학 모각코 초기 계획

겨울방학 모각코(모여서 각자 코딩) 초기 계획 www.udemy.com/course/react-the-complete-guide-incl-redux/ 유데미 react-native 강좌 끝내기 1. 12월 29일 (화) 챕터1, 챕터2 수강 (1시간 20분) - 환경설정 및 자바스크립트 복기 2. 1월 5일 (화) 챕터3 수강 (2시간 21분) 3. 1월 12일 (화) 챕터 4,5 수강 (2시간 5분) 4. 1월 19일 (화) 챕터 6,7강 수강 (3시간 14분) 5. 1월 26일 (화) 챕터8 수강 (4시간) 6. 2월 2일 (화) 챕터 9,10 수강 (2시간)

→2020.12.25

Flutter Udemy 강좌 개인 공부 [The Complete 2020 Flutter Development Bootcamp with Dart]

이 글은 제가 유데미 강좌를 보면서 혼자 공부한 것을 정리한 글입니다! 유데미 강좌 : The Complete 2020 Flutter Development Bootcamp with Dartwww.udemy.com/course/flutter-bootcamp-with-dart/ The Complete 2020 Flutter Development Bootcamp with Dart Officially created in collaboration with the Google Flutter team. www.udemy.com Section 1: Introduction to Cross-Platform Development with Flutter and Dart(1 ~ 8) 플러터에 관한 소개와 왜 Cross Plat..

→2020.09.25

Flutter & Dart 입문 커리큘럼 [혼자 공부하면서 배운 커리큘럼]

Flutter를 혼자 공부하면서 배운 커리큘럼들 입니다. Flutter를 자세하게 알고싶으면 첨부되어있는 주소를 이용해주세요! 설치 및 환경설정 처음 설치와 환경설정은 공식문서가 굉장히 잘되어있습니다! 공식문서를 참고했습니다. 공식 홈페이지 설치 Flutter를 설치할 운영 체제를 선택해주세요:{{site.alert.note}} **Are you on Chrome OS?** If so, see the official [Chrome OS Flutter installation docs!](/docs/get-started/install/chromeos){{site.alert.end}} flutter-ko.dev Flutter 입문, 개념 잡기 오준석의 생존코딩 : Flutter 입문 Flutter 입문. 안드..

→2020.09.21

웹 프로그래밍 멘토멘티 프로그램 5회차

웹 서버 우리가 웹사이트에 접속을 하면 홈페이지들이 보이는데 그게 그냥 보이는 것이 아닌 우리 JS, HTML, CSS등을 이용해서 홈페이지를 만든 것 처럼 우리가 접속하는 해당 홈페이지도 각종 웹 파일들이 필요할 건데 그게 우리 컴퓨터에 저장이 되어있다면 괜찮겠지만 그런 것이 아니기 때문에 해당 홈페이지에 필요한 웹 페이지 파일들을 웹 서버라는 곳에 요청을 해서 웹페이지를 보여주게 됩니다. 1. 클라이언트는 서버에 HTML 문서를 요청 2. 웹 서버는 사용자가 요청한 HTML문서를 웹 브라우저에게 전달 3. 웹 브라우저는 웹 서버로부터 전송받은 HTML문서를 읽어들인 후 해석 HTML문서를 보여주기 위해 필요한 img,CSS,JS 같은 리소스들에 대해 URL을 추출하며 동시에 웹 서버에 여러 개의 리소..

→2020.09.20

[Amazon Clone Coding]리액트로 만드는 아마존 웹사이트 - 1

이 글은 저 혼자 " Clever Programmer " 채널의 Clone Coding 영상을 보고 혼자 따라해본 글입니다. Clever Programmer You can find awesome programming lessons here! Also, expect programming tips and tricks that will take your coding skills to the next level. www.youtube.com 깃허브 주소 github.com/junghyeonsu/amazon-clone www.youtube.com/watch?v=_Z6eRoagmz4&list=PL-J2q3Ga50oNQP__onO64kAHX_z0BdLv6&index=3 1. npx create-react-app . ..

→2020.09.13

웹 프로그래밍 멘토멘티 프로그램 4회차

Javascript Node HTML 문서의 정보는 노드 트리(node tree)라고 불리는 계층적 구조에 저장됩니다. 이러한 노드 트리는 노드들의 집합이며, 노드 간의 관계를 보여줍니다. 노드 트리는 최상위 레벨인 루트 노드(root node)로부터 시작하여, 가장 낮은 레벨인 텍스트 노드까지 뻗어 내려갑니다. 자바스크립트에서는 HTML DOM을 이용하여 노드 트리에 포함된 모든 노드에 접근할 수 있습니다. 노드 간의 관계 노드 트리의 모든 노드는 서로 계층적 관계를 맺고 있습니다. 노드 트리의 가장 상위에는 단 하나의 루트 노드(root node)가 존재합니다. 루트 노드를 제외한 모든 노드는 단 하나의 부모 노드(parent node)만을 가집니다. 모든 요소 노드는 자식 노드(child node)..

→2020.09.12

웹 프로그래밍 멘토멘티 프로그램 3회차

Javascript (JS) 자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어입니다. HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있습니다. 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있습니다. 현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있습니다. 1. 자바스크립트는 HTML의 '내용'을 변경할수 있습니다 2. 자바스크립트는 HTML의 '속성'을 변경할수 있습니다. 3. 자바스크립트는 HTML의 '스타일'을 변경할수 있습니다. Javascript 문법 var firstVar = 10; /..

→2020.09.05

[Tinder Clone Coding]틴더 클론 코딩

이 글은 저 혼자 " Clever Programmer " 채널의 Clone Coding 영상을 보고 혼자 따라해본 글입니다. Clever Programmer You can find awesome programming lessons here! Also, expect programming tips and tricks that will take your coding skills to the next level. www.youtube.com 내 TINDER 클론 코딩 깃허브 주소 github.com/junghyeonsu/tinder-clone 구조 파악 (0분 ~ 11분) import React, { Component } from 'react'; import Header from './Header'; impor..

→2020.08.30

웹 프로그래밍 멘토멘티 프로그램 2회차

css HTML 등의 마크업 언어로 작성된 문서가 실제로 웹사이트에 표현되는 방법을 정해주는 언어. CSS의 C가 Cascading의 약자인데, 이는 상위 요소의 스타일 속성을 자손 요소들에게 상속시켜주는 모습이 DOM 트리구조에서 마치 폭포수처럼 내려가는 모습을 닮았기 때문이다. 이해못해도 됨 css 문법 h1 { color: red; font-size: 20px } 주석 p { color: red; /* This is a single-line comment */ text-align: center; } /* This is a multi-line comment */ Visual Studio Code 꿀팁 Ctrl + / 누르면 자동주석 됨 Selector CSS 선택자(Selector)란? 선택자란 말 ..

→2020.08.30

[Amazon] EC2 인스턴스에 S3 스토리지 마운트하기

구성환경 EC2 인스턴스 3대입니다. OS는 Redhat CentOS 7.8 version을 사용했습니다. Amazon S3에 파일 시스템을 위한 플러그인들 S3FS-FUSE 이것은 무료 오픈 소스 FUSE 플러그인이며 주요 Linux 배포판 및 MacOS를 지원하는 사용하기 쉬운 유틸리티입니다. S3FS는 또한 성능을 향상시키기 위해 파일을 로컬로 캐싱합니다. 이 플러그인은 단순히 Amazon S3 버킷을 시스템의 드라이브로 표시합니다. ObjectiveFS ObjectiveFS는 Amazon S3 및 Google Cloud Storage 백엔드를 지원하는 상용 FUSE 플러그인입니다. 전체 POSIX 호환 파일 시스템 인터페이스를 제공한다고 주장하므로 추가 기능이 전체 파일을 다시 쓸 필요가 없습니다..

→2020.08.27

웹 프로그래밍 상상튜터링 프로그램 1회차

계획 1차 8/25 (7~9시) Web Programming, HTML 웹 프로그래밍 과목에 대해서 기본적인 이해와 전반적인 소개를 한다. 전체적인 흐름 알려주고 날짜별 계획을 말해줌으로써 큰 틀을 숙지한다. HTML의 이해와 기본 문법에 대해서 공부를 한다. HTML의 각종 태그들을 이용해서 간단한 홈페이지 만들기 여러 태그들을 사용해보고 태그들에 대한 이해를 한다. Form과 Table을 사용해보고 전반적인 이해를 한다. 2차 9/1 (7~9시) CSS CSS에 대한 기본적인 이해와 기본 문법에 대해서 공부를 한다. HTML과 CSS를 이용해서 홈페이지를 만드는 실습을 해본다. HTML과 CSS를 이용한 간단한 홈페이지 만들기 스타일링을 적용할 수 있는 CSS를 이용해서 홈페이지를 만들어본다. id와..

→2020.08.25

[Kubernetes]쿠버네티스 CI/CD에 대해서

DevOps DevOps란 개발(Dev)과 운영(Ops)을 따로 구분짓지않고 함께하는 것을 의미합니다. CI(Continuous Integration) 지속적 통합(Continuous Integration)은 자동화된 빌드 및 테스트가 수행된 후, 개발자가 코드 변경 사항을 중앙 리포지토리에 정기적으로 병합하는 데브옵스 소프트웨어 개발 방식입니다. 지속적 통합은 모든 개발을 완료한 뒤에 소프트웨어의 질적 향상과 소프트웨어를 배포하는 데 걸리는 시간과 비용을 줄이는데 초점이 맞추어져 있습니다. 대표적인 CI 툴은 Jenkins가 있습니다. 핀다에서는 Jenkins를 통해서 새로운 코드를 테스트하고, 빌드한 후 빌드 파일을 Docker image로 만들어 쿠버네티스 시스템에서 새로운 코드가 돌아갈 수 있도록..

→2020.08.24