[PyScript] PyScript 기초
파이스크립트(PyScript) 기초
파이스크립트(PyScript) 기초
타입스크립트(TypeScript) 기초
플러터(Flutter) 스낵 바(Snack bar)와 BuildContext (강좌 18)
플러터(Flutter) BuildContext 이해하기 (강좌 17)
플러터(Flutter) Drawer 메뉴 만들기 (강좌 15~16)
플러터(Flutter) 앱바 메뉴 아이콘 추가하기 (강좌 14)
다트(Dart) 클래스와 위젯의 정체 (강좌 12~13)
플러터(flutter) 캐릭터 페이지 디자인 (강좌 9~11)
플러터(flutter) 프로젝트 폴더와 기본 코드 이해하기 (강좌 6~8)
플러터(flutter) - 위젯이란?
다트(Dart) 언어 기초
CSS Grid(그리드)는 2차원(행과 열)의 레이아웃 시스템을 제공합니다.
Flexible Box도 훌륭하지만 비교적 단순한 1차원 레이아웃을 위하며, 좀 더 복잡한 레이아웃을 위해 우리는 CSS Grid를 사용할 수 있습니다.
CSS 속성 - Flex
CSS 속성 - 애니메이션, 다단
CSS 속성 - 전환, 변환
CSS 속성 - 배경
CSS 속성 - 정렬, 위치
CSS 속성 - 글꼴, 문자
CSS 속성 - 박스 모델
CSS 활용 - 단위
CSS 실습 환경 구성
CSS 활용 - 선택자
CSS 첫걸음
웹(Web)을 구성하는 HTML, CSS, JS의 이해와 학습은 단순히 기술을 배우는 것으로 그치지 않고 웹과 모바일 그리고 IT 전반의 과거, 현재, 미래를 이해하는 데 많은 도움을 줍니다. 그리고 실무적으로 Product를 보다 구조적인 관점에서 볼 수 있는 능력을 키울 수 있습니다. 특히 Product 개발과 관련해 밀접하게 협업하는 기획, 디자인, 기술 영업 등의 직군에서 많은 도움이 될 수 있습니다. 이런 이유로 여러 기업에서 비전공자에게 개발 경험을 요구하는 경우가 상당히 많아졌습니다.
일반적으로 반응형 웹에서 이미지를 지원하기 위해, ‘미디어쿼리’라고 부르는 CSS Media Rule(@media
)에서 background-image
속성을 많이 사용하는데, 반응형 이미지를 처리하기 위해 뷰포트(Viewport)의 크기부터 사용자 화면의 해상도 등 많은 환경을 고려해야 합니다.
하지만 우리는 HTML IMG의 srcset
과 sizes
를 통해 쉽게는 이미지의 크기를 설정하는 것만으로 대부분의 고려 사항을 사용자 브라우저에 떠넘길 수 있습니다.
한눈에 보는 HTML 요소 총정리
HTML 첫걸음
웹(Web)을 구성하는 HTML, CSS, JS의 이해와 학습은 단순히 기술을 배우는 것으로 그치지 않고 웹과 모바일 그리고 IT 전반의 과거, 현재, 미래를 이해하는 데 많은 도움을 줍니다. 그리고 실무적으로 Product를 보다 구조적인 관점에서 볼 수 있는 능력을 키울 수 있습니다. 특히 Product 개발과 관련해 밀접하게 협업하는 기획, 디자인, 기술 영업 등의 직군에서 많은 도움이 될 수 있습니다. 이런 이유로 여러 기업에서 비전공자에게 개발 경험을 요구하는 경우가 상당히 많아졌습니다.
버전관리 하기 좋은 git 기본
AWS S3 는 아마존 웹 서비스(AWS)에서 제공하는 클라우드 스토리지 서비스를 이용하기에 앞서 AWS IAM 서비스에서 기존에 생성한
kangpro
` 권한을 설정한다.
이번 포스트에서는 배포한 웹서비스에 도메인 네임으로 접속할 수 있도록 하는 방법을 알아볼 것이다. DNS는 IP 주소에 도메인 이름을 부여해서 외우기 힘든 IP 주소 대신 알아보기 쉬운 도메인 이름을 통해서 특정 서버에 접속할 수 있도록 해주는 시스템이다. 지금 우리가 AWS 컴퓨터에 올려놓은 웹 사이트에 접속하기 위해서는 *.ap-northeast-2.compute.amazonaws.com
와 같은 주소로 접속해야한다. 이것도 DNS를 통해 부여된 도메인 이름이긴 하지만 차라리 IP 주소를 외우는 것이 더 쉬울 것만 같이 복잡하고 길다. 이제 웹 사이트에게 간단하고 알아보기 쉬운 DNS를 새로 부여해보자.
이번 포스트에서는 프로젝트가 사용할 데이터베이스를 별개의 서버에 두고 운영하는 방법을 알아본다. 각자의 기능이 최적으로 운영되도록 하기 위해서는 기능별로 별도의 서버를 두고 관리하는 것이 효율적이다. 아마존에서 제공하는 RDS
는 데이터베이스 운영에 최적화된 환경에서 효율적으로 데이터베이스를 관리하기 위해 별도로 운영하는 서버이다.
이번 포스트에서는 static
파일과 media
파일을 서버에 업로드하여 적용시키는 방법에 대해 알아본다.
Django AWS 배포를 위한 웹 서버 Nginx 연동
Django AWS 배포를 위한 장고와 웹 서버 연결해주는 역할을 하는 Python 프레임워크 WSGI 사용
Django AWS 배포를 위한 AWS 시작하기
AWS 가입, 새 유저 만들기, 키 페어 생성하기, EC2 인스턴스 생성하기, AWS ubuntu 서버 환경 설정, AWS 보안그룹 설정 등등
Django AWS 배포를 위한 장고 프로젝트 생성
Django AWS 배포를 위한 사전 환경 설정, pyenv 설치, python 가상환경 설정, virtualenv 생성, django 설치
AWS EC2(ubuntu), uWSGI, Nginx, RDS(MySQL), Route53, S3 활용한 Django 웹 배포
(기능) Django RESTful Framework 게시판 기능, 회원가입 기능, 팔로우 기능, 좋아요 기능 등
장고 heroku에 배포하기
https://djangoform.herokuapp.com/boards/
장고 게시판에 댓글 기능 구현하기
장고 RESTful 웹 서비스 구성하기
장고 CRUD 활용하기
장고 ORM 문법 사용해보기
장고 CRUD 데이터베이스 객체 정의
장고에서 CRUD 사용해보기
장고에서 이미지 추가하기
장고에서 새로운 Utilities 앱 생성 및 응용
장고에서 스타일(Style) 활용하기
장고에서 스타일(Style) 적용하기
영어단어를 입력하면 워드아트 느낌?으로 표현할 수 있게 하는 사이트 API 활용해보기
http://artii.herokuapp.com/
장고(Django) 기능 중 폼(form) 태그(tag) 알아보기.
맥북에 장고(Django) 설치 및 초기 앱 생성을 통해 Django 알아보기.
테스트 입니다.!
in TIL on TIL, JavaScript
자바스크립트 프로토타입과 클래스
in TIL on TIL, JavaScript
자바스크립트 배열 내장함수
in TIL on TIL, JavaScript
자바스크립트 반복문
in TIL on TIL, JavaScript
자바스크립트 배열
in TIL on TIL, JavaScript
자바스크립트 객체
in TIL on TIL, JavaScript
자바스크립트 함수
in TIL on TIL, JavaScript
자바스크립트 조건문
in TIL on TIL, JavaScript
자바스크립트 연산자
in TIL on TIL, JavaScript
자바스크립트 변수와 상수
in TIL on TIL, JavaScript
자바스크립트 개요
Flask 로또 앱 만들기
Flask 로그인 페이지 만들기
Flask Send & Receive
Flask 활용한 fake naver
Flask 기초
Flask 설치 및 개발환경구축
텔레그램 API를 활용하여 봇 만들기
Hadoop 설치 확인
Hadoop Cluster 시작과 종료
Install Hadoop on AWS
Hadoop 다운로드 및 설치, 환경 설정
AWS EC2 인스턴스 방화벽 설정
SSH 공개키 생성, 복사, 접속 확인
AWS EC2 인스턴스에 Oracle jdk 다운로드 및 설치
mac 터미널을 통해 AWS 인스턴스 접속
AWS 탄력적 IP(고정 IP) 설정
AWS EC2 인스턴스 생성
AWS를 이용하여 하둡(hadoop) 개발환경구축
하둡(hadoop) 에코시스템 sqoop
하둡(hadoop) 에코시스템 pig
하둡(hadoop) 에코시스템 hive
오라클 데이터 모델링 - 데이터베이스 설계 고려 사항
오라클 데이터 모델링 - 비정규화된 데이터
오라클 데이터 모델링 - 엔티티 모델 매핑
오라클 데이터 모델링 - 고급 모델링 항목
오라클 데이터 모델링 - 모델링 변화
오라클 데이터 모델링 - 제약 조건
오라클 데이터 모델링 - 관계 세부 설명, 정규화
오라클 데이터 모델링 - 엔티티, 속성 관계 세부 사항
오라클 데이터 모델링 - 엔티티, 속성 관계
오라클 데이터 모델링 - Intro
오라클 서버 관리 - 백업 및 복구 개념, 백업 수행, 복구 수행
오라클 서버 관리 - 데이터베이스 유지관리, 성능 관리
오라클 서버 관리 - 오라클 데이터베이스 감사 구현 관리
오라클 서버 관리 - undo 데이터 관리
오라클 서버 관리 - 데이터 동시성 관리
오라클 서버 관리 - 유저 보안 관리
오라클 서버 관리 - 데이터베이스 저장 영역 구조 관리
오라클 서버 관리 - Oracle 네트워크 환경 구성 위한 기본 지식
오라클 서버 관리 - ASM 인스턴스 관리를 위한 기본 지식
오라클 서버 관리 - DBCA 방식이 아닌 수동으로 create database SQL 명령으로 데이터베이스 생성
오라클 서버 관리 - 데이터베이스 인스턴스 관리
오라클 서버 관리 - DBCA를 사용하여 오라클 데이터베이스 생성
오라클 서버 관리 - Net 매니저
오라클 서버 관리 - Oracle Database 11g 설치
오라클 서버 관리 - 네트워크 세팅
오라클 서버 관리 - linux 가져오기
오라클 서버 관리 - virtualBox 설치
오라클 서버 관리 -
오라클 PL/SQL - 패키지, 트리거
오라클 PL/SQL - 내장 프로시저 및 함수 소개
오라클 PL/SQL - 예외 처리
오라클 PL/SQL - 명시적 커서 사용
오라클 PL/SQL - 조합 데이터 유형 작업
오라클 PL/SQL - 제어 구조 작성
오라클 PL/SQL - 오라클 데이터베이스 서버와 상호 작용
오라클 PL/SQL - 실행문 작성
오라클 PL/SQL - PL/SQL 변수 선언
오라클 PL/SQL - PL/SQL 소개
오라클 PL/SQL intro
오라클 SQL 유저 액세스 제어, 스키마 객체 관리, 데이터 딕셔너리 뷰를 사용하여 객체 관리, 대형 데이터 집합 조작, 다른 시간대에서 데이터 관리, Subquery를 사용하여 데이터 검색, 정규식 지원
오라클 SQL View, Sequence, Index, Synonym, 데이터 연결 4가지 방법
오라클 SQL Table
오라클 SQL DML, TCL, 읽기 일관성 및 Lock
오라클 SQL SET 연산자
오라클 SQL 서브쿼리
오라클 SQL 조인(Join)
오라클 SQL 복수행 함수
오라클 SQL 단일행 함수
오라클 SQL 단일행 함수
오라클 SQL 데이터 제한 및 정렬
오라클 SQL SELECT
오라클 SQL intro
Deep Learning CNN 이미지 처리
Deep Learning에 대해서
Tensorflow에 대해서
통계 목적에 따른 분류
파이썬 Matplotlib에 대해서
파이썬 Pandas with OpenAPI에 대해서
파이썬 Pandas with MySQL에 대해서
파이썬 Pandas Aggregate Function에 대해서
파이썬 Pandas DataFrame에 대해서
파이썬 Pandas Series에 대해서
파이썬 Numpy with Matplotlib에 대해서
파이썬 Numpy Array에 대해서
파이썬 Numpy에 대해서
파이썬 클래스에 대해서
파이썬 함수에 대해서
파이썬 Control Statement에 대해서 </br>
파이썬 데이터 타입 - date
파이썬 데이터 타입 - bool
파이썬 데이터 타입 - Set
파이썬 데이터 타입 - Dictionary
파이썬 데이터 타입 - Tuple
파이썬 데이터 타입 - List
파이썬 데이터 타입 - String
파이썬 데이터 타입 - Number
맥북에 파이썬 개발환경 구축
파이썬에 대해서