intro character set H Tag text related tags list Tag and link Tag image Tag table Tag iframe Tag form tag div tag intro how to set CSS CSS Selector Applying style to text Background CSS Setting margins Creating menu with list Tag Layout with CSS intro document write alert variable variable-rule global local variable operator if switch while for continue and break confirm making js function return recursive function object creating event intro jQuery selector click event mouse on event variable control css fade in out effect slide up down effect animation effect changing text adding class, removing class set attribute append empty and value focus, blur this find intro MySQL getting started MySQL creating account MySQL command table command creating table insert sql file Record search ataggregation function update and delete record DB Backup and Restore intro PHP Output Statement annotation variable define here-doc operator if (control statement) switch (control statement) for (loop statement) while (loop statement) do ~ while (loop statement) break statement continue statement ternary operator array define array function 2 function 3 date Convert date values to timestamps - strtotime() Variable Related Functions Email Address Validation url Validation ip validation integer validation float validation Mathematical function variable variables How To Create Function return statement in function Setting parameter defaults generator yield generator from lambda function global variable, local variable Using Global Variables in Functions Maintain the life cycle of local variables parameter and argument goto Identifying iPhone iPad Mac using class property Access Modifier method creating instance Class inheritance (extends) this in class constants in class using static test access modifier construct destruct Passing data to the constructor namespace Using namespace shortly overriding Preventing overriding Prevent class inheritance interface interface extends abstract trait trait insteadof trait as trait static trait abstract autoload Connecting to MySQL with PHP Inquiry Database Create a membership page What's POST and GET Join DB Integration uploading file file function directory function COOKIE SESSION environment variables Project 1 : Introduct Membership SignUp SignIn Project 1-1 : Create DB Project 1-2 : Create Table Project 1-3 : Create Database Connection Page Project 1-4 : Create SignUp Page Project 1-5 : Save member information to DB. Project 1-6 : Create a login form Project 1-7 : to handel login Project 1-8 : Create a logout feature Project 1-9 : Create project1 index page 始めに。。 キャラクターセット hタグ pタグ bタグ iタグ uタグ strikeタグ brタグ emタグ rubyタグ imgタグ aタグ ul-liタグ formタグ inputタグ selectタグ headerタグ footerタグ div-spanタグ navタグ sectionタグ articleタグ videoタグ audioタグ CSS 紹介 テキストの大きさを調節する CSSのセレクター class CSSのセレクター id CSSのセレクター tag CSSのテキストのカラーを変えよう CSSのテキストを飾ろう フォントを変えよう サイズを指定しよう バックグラウンドの色を指定しよう エリアを作ろう JavaScriptの紹介です。 出力文 alert窓 変数 変数宣言規則 グローバル変数と ローカル変数 演算子 if文 switch文 while文 for文 continue文と break文 confirm窓 関数つくり return文 再帰関数 オブジェクト生成 画面(モニター)のサイズ取得 ウェブブラウザのサイズ取得 jQueryの紹介 セレクター クリックイベント マウスオーバーイベント 変数宣言 jQueryでCSSを制御 fade(フェード) 効果 スライド(slide) 効果 アニメション 効果 テキスト　変更 HTML タグ　変更 クラス　追加、削除 属性　変更 タグを他のタグの中にいれる方法 empty remove formタグのバリューの変更と取得 focus-blur 自分を意味するthis find HTML 소개 문자셋 H tag (text) i tag (text) b tag (text) p tag (text) u tag (text) sub tag (text) sup tag (text) strike tag (text) em tag ruby tag br tag hr tag 텍스트 관련 태그 mark 태그 time 태그 blockquote 태그 pre 태그 용어 제목 정리 태그 리스트 태그 하이퍼링크 태그 이미지 태그 테이블 태그 또 다른 창 아이프레임 form 태그 input 태그 단문 텍스트 입력란 만들기 이메일 주소 입력란 만들기 검색어 입력란 만들기 url 입력란 만들기 숫자 입력란 만들기 step 속성 (숫자 간격 설정 속성) 전화번호 입력란 만들기 칼라 입력 박스 만들기 슬라이드 박스 만들기 비밀번호 입력란 만들기 체크박스 만들기 라디오버튼 만들기 날짜 입력창 (년 월 일) 만들기 (달력표시) yyyy-mm-dd 날짜 입력창 (년 월) 만들기 (달력표시) yyyy-mm 각 년도의 몇주차인지 입력창 시간 입력창 만들기 결과 표시 태그 (output) 버튼 만들기 파일 전송 폼 만들기 input태그 file 여러개의(다중) 파일 선택하기 form 태그 데이터 전송하기 form 태그 데이터 리셋하기 placeholder 속성 (입력창 기능 명시) autofocus 속성 (오토포커싱) autocomplete 속성 (자동 완성) required 속성 (필수 입력) readonly 속성 (읽기 전용 입력폼) label 태그 select 태그 datalist 태그 optgroup 태그 progress 태그 (동적) meter 태그 (정적) form 태그 main 태그 div 태그 header 태그 address 태그 모바일에서 전화걸기 링크 footer 태그 nav 태그 section 태그 article 태그 aside 태그 video 태그 audio 태그 abbr 태그 base 태그 bdi 태그 bdo 태그 caption 태그 cite 태그 code 태그 del 태그 ins 태그 details 태그 fieldset 태그 figure 태그 figcaption 태그 CSS 소개 CSS 적용 방법 CSS 셀렉터 (Tag, Class, ID) CSS 셀렉터 2 (*, child) CSS 셀렉터 3 (인접 형제 클래스) CSS 셀렉터 4 (가상 클래스) CSS 셀렉터 5 (위치 선택자) CSS 셀렉터 6 (only 선택자) CSS 셀렉터 7 (속성 선택자) 텍스트 꾸미기 텍스트 사이즈 폰트 적용 텍스트 스타일 텍스트 굵기 텍스트 컬러 자간 설정 띄어쓰기 길이 설정 라인 간격 설정 텍스트 방향 설정 텍스트 들여쓰기 텍스트 밑줄 긋기 텍스트 그림자 적용 텍스트 대 소문자 변환 영문 대문자를 작게 표시 가로길이 적용 세로길이 적용 영역을 벗어날 때 처리 공백 처리 (white-space) 요소의 위치 설정 배경 꾸미기 배경에 그라디언트 효과 적용 박스에 그림자 적용 visibility 외곽선 input 태그 외곽선 없애기 흐름 조정 clear css 리셋 애니메이션 각도 조정 확대, 축소 기울이기 트랜지션 display CSS 단위 메뉴 만들기 레이아웃 만들기 미디어 쿼리 미디어 쿼리 익스터널 viewport 반응형 웹 구현하기 반응형 웹 구현하기 css 코딩 CSS 다크모드 라이트모드 구현하기 자바스크립트 소개 출력문 alert창 변수 변수 선언 법칙 상수 데이터형 배열 생성 배열 값 추가하기 배열의 수(길이) 알아보기 데이터형 확인하기 typeof 형변환 - 데이터를 숫자로 변환하기 parseInt 형변환 - 데이터를 숫자로 변환하기 Number 형변환 - 데이터를 문자열로 변환하기 String 형변환 - 데이터를 논리형으로 변환하기 Boolean 날짜값 가져오기 date 글로벌 변수와 로컬 변수 연산자 if문 삼항연산자 switch문 while문 for문 continue문과 break문 confirm창 함수 만들기 파라미터 기본값 설정 return 재귀함수 함수 참조 함수 표현식 함수 화살표 표기법 hoisting(호이스팅) 변수 선언 let 범위 - 스코프(scope) 객체 생성 함수 파라미터 해체 화면(모니터) 크기 알아내기 웹브라우저 창 크기 알아내기 셀렉터 (선택자) 셀렉터(선택자)의 텍스트 값 얻기(추출)와 변경하기 셀렉터(선택자)의 HTML 태그값 얻기(추출)와 변경하기 태그의 개수(길이) 알아보기 클릭 이벤트 생성 마우스 이벤트 생성 스크롤 이벤트 생성 체인지(변경) 이벤트 생성 스타일 조정하기 CSS 태그 속성 조정하기 체크박스 체크하기 여러개의 체크박스 체크하기 라디오버튼 체크하기 input태그 업로드 파일명 출력하기 제이쿼리 소개 셀렉터 클릭시 이벤트 발생 마우스 온오버시 이벤트 발생 스크롤시 이벤트 발생, 현재 스크롤 값 보기 변수 선언 CSS 제어하기 페이드 효과 슬라이드 효과 애니메이션 효과 내용 변경 하기 클래스 추가, 삭제 하기 요소의 속성값 변경하기 태그 이동 하기 그 외 내용 변경 하기 포커스 편리한 this this로 text, html, 속성 조정하기 태그 찾기 특정 태그 앞에 태그 추가하기 특정 태그 뒤에 태그 추가하기 태그 개수 구하기 each로 태그 다루기 each로 배열 다루기 체크박스 체크여부 확인하기 input태그 선택한 파일 목록보기 웹페이지 최하단에 도달했을 때 스크롤 이벤트 작동(페이지 바닥 감지) ReactJS 소개 MacOS :: ReactJS 개발환경구축 Windows :: ReactJS 개발환경구축 MacOS에서 프로젝트 만들기 Windows에서 프로젝트 만들기 에디터로 프로젝트 열기 ReactJS 기본 앱 구조 살펴보기 컴포넌트 다수의 컴포넌트 출력하기 JSX props (데이터를 컴포넌트에 전달하기) props (여러 데이터를 컴포넌트에 전달하기) props (map함수 사용하여 데이터 출력하기) 컴포넌트를 클래스로 생성하기 axios (외부에서 데이터 가져오기) state (동적 데이터 다루기) componentDidUpdate axios 데이터 출력하기 구조 분해 할당으로 axios 데이터 출력하기 데이터 검사하기 prop-types defaultProps (props 기본값 설정하기) JSX안에서 삼항연산자 사용하기 if 조건문 사용하기 macOS windows10 개발환경구축 없이 클라우드 개발환경 사용하기 (EEOS) EEOS란 ? MySQL 소개 MySQL 시작하기 계정 생성 MySQL 명령어 테이블 명령어 테이블 생성 sql 파일 삽입 레코드 검색 집계 함수 레코드 변경 삭제 DB 백업 및 복원 2개 테이블에서 데이터 불러오기(INNER JOIN) 2개 테이블에서 데이터 불러오기(LEFT JOIN) 2개 테이블에서 데이터 불러오기(RIGHT JOIN) 2개 이상의 테이블을 묶어 사용하기 union 2개 이상의 테이블을 묶어 사용하기 union-all WHERE문에 서브쿼리 사용하기 필드영역에 서브쿼리 사용하기 alias 필드에 별명 지어주기 특정 필드에 고유값 넣기(중복값 넣지 않기) max allowed packet 맥 MAMP MySQL 비밀번호 변경하기 PHP 소개 출력문 주석 변수 상수 here-doc 연산자 제어문 if문 제어문 switch문 반복문 for문 반복문 while문 반복문 do while문 break문 continue문 삼항 연산자 배열 상수로 배열 선언 정렬 (sort) 역순정렬 (array_reverse) 배열 값으로 인덱스 찾기 함수 2 함수 3 날짜 시간 함수 날짜값을 타임스탬프로 변환 - strtotime() 변수 관련 함수 이메일 주소 유효성 검사 url 주소 유효성 검사 ip 주소 유효성 검사 정수 유효성 검사 실수 유효성 검사 수학 관련 함수 가변 변수 함수 만들기 반환하기 return 파라미터 초기화하기 generator yield generator from 람다 함수 글로벌 변수, 로컬 변수 함수내에서 글로벌 변수 사용하기 로컬 변수의 생명주기를 유지하기 파라미터와 아규먼트 건너 뛰기 goto 아이폰 아이패드 맥 구분하기 class 사용하기 프로퍼티 접근 제한자 메소드 인스턴스 생성 클래스의 상속 클래스의 this 클래스의 상수 static 사용하기 접근 제한자 테스트하기 생성자 소멸자 생성자에 데이터 전달하기 네임스페이스 네임스페이스 축약하기 오버라이딩 오버라이딩 막기 클래스 상속 막기 인터페이스 인터페이스 상속 abstract 트레이트 트레이트 insteadof 트레이트 as 트레이트 static 트레이트 abstract 오토로드 PHP MySQL 연동 데이터베이스 질의 회원가입폼 만들기 POST GET 이란? DB 연동 회원가입 파일 업로드 다중 파일 업로드 파일 함수 디렉토리 함수 쿠키(COOKIE) 세션(SESSION) 환경 변수 회원가입, 로그인 기능 데이터베이스 생성 데이터베이스 접속 페이지 생성 회원가입 페이지 생성 회원정보 DB에 저장하기 로그인 폼 만들기 로그인 처리 하기 로그아웃 기능 만들기 PHP 소스로 버전 확인하기 PHP 에러 확인하기 LINUX 소개 macOS에서 ubuntu (우분투) 시동디스크 만들기 ubuntu (우분투) 설치하기 루트 계정의 비밀번호 설정하기 패키지 업데이트와 업그레이드 리눅스 우분투에 아파치 설치하기 리눅스 우분투에 PHP 설치 하기 우분투에 MySQL 설치하기 PHP와 MySQL 연동하기 웹서버가 잘 작동하는지 확인하기 ubuntu에서 MySQL 접속하기 우분투에 ftp 설치하기 우분투 서버에 파일을 전송하기 파일 권한설정 (퍼미션) PHP 버전 적용 안 될 때 리눅스 PHP 서버 시간 설정 리눅스 파일과 폴더 검색 리눅스 폴더(디렉토리)만 검색하기 리눅스 파일만 검색하기 리눅스 우분투 index파일 없는 디렉토리(폴더) 리스팅 막기 iOS 앱 만들기 소개 iOS 앱 개발환경 구축 Xcode 살펴보기 Xcode Simulator 프로젝트 1 - My Name is.. 프로젝트 1 - 아이템 배치하기 프로젝트 1 - 기능 구현하기 프로젝트 1 - 빈 값일 때 얼럿창 띄우기 delegate (대리자) 프로젝트 2 - 이미지 뷰 프로젝트 2 - 아이템 배치하기 프로젝트 2 - 기능 구현하기 프로젝트 3 - 웹브라우저 만들기 프로젝트 3 - 아이템 배치하기 프로젝트 3 - 기능 구현하기 1 프로젝트 3 - 기능 구현하기(입력한 url로 이동) 2 프로젝트 3 - 기능 구현하기 3(툴바 정지, 새로고침, 뒤로가기, 앞으로가기, 인디케이터) Dart 공부해보자 void main 함수 변수 출력문 print 데이터형 데이터형 확인 is 상수 사칙 연산자 대입 연산자 비교 연산자 논리 연산자 다트 함수 return문 다수의 파라미터 사용하기 return이 없는 함수 만들기 void 파라미터 초기값 설정하기 if 조건문 사용하기 switch 조건문 사용하기 삼항연산자 증가 연산자 감소 연산자 for 반복문 while 반복문 List 문자열, 리스트 길이 length 리스트에 값 추가하기 리스트의 특정 위치에 값 추가하기 리스트의 값 제거하기 리스트에 특정값이 있는지 확인하기 contains 리스트의 특정값의 인덱스 찾기 리스트가 비었는지 확인하기 리스트 값 랜덤 배치 Set Set에 값 추가하기 Set의 값 제거하기 Set에 특정값이 있는지 확인하기 contains Set가 비었는지 확인하기 Map Map의 값 제거하기 Map이 비었는지 확인하기 리스트 출력할 땐 for in foreach와 where toList 리스트 변환 toSet Set 변환 플러터 소개 MacOS에 Flutter SDK 설치하기 MacOS에 안드로이드 스튜디오 설치하기 플러터 프로젝트 만들기 iOS 시뮬레이터 실행하기 안드로이드 시뮬레이터 작동시키기 안드로이드기기를 맥에 연결하기 runApp() StatelessWidget MaterialApp - 화면에 글씨 출력하기 배경색 지정하기 텍스트색 지정하기 텍스트 크기 지정하기 텍스트 정렬 지정하기 Center 위젯 세로로 위젯을 배치하기 가로로 위젯을 배치하기 StatefulWidget Scaffold 클래스 앱바(App Bar) 만들기 플로팅 액션 버튼 만들기 플로팅 액션 버튼 기능 만들기 화면을 다시 그리는 setState 입력한 텍스트 화면에 표시하기 딥러닝이란? Python 시작하기 맥(MacOS)에서 Python 개발환경구축 윈도우(Windows)에서 Python 개발환경구축 맥(MacOS)에서 PyCharm 파이썬 에디터 설치하기 윈도우(Windows)에서 PyCharm 파이썬 에디터 설치하기 출력문 print() 문자열 출력과 따옴표 변수 선언 방법 데이터타입 (자료형) int(정수형) float(실수형) str(문자열) 알아보기 데이터형 확인하기, 데이터 타입 확인하기 데이터형 리스트 Python data type list (배열 array) 데이터형 튜플 Python data type tuple 데이터형 딕셔너리 Python data type dict 데이터형 불린형 Python data type bool 데이터형 None Python data type NoneType 연산자 1 - 사칙연산자 연산자 2 - 대입연산자 연산자 3 - 비교연산자 연산자 4 - 논리연산자 if 조건문 else문 if문에 조건을 추가하려면 elif 반복문 while continue break 반복문 for continue break 리스트에 특정 범위의 값 대입하기 range 리스트, 튜플의 전체 갯수 세기 len 리스트, 튜플에서 특정 값의 갯수 세기 count 리스트 값 추가하기 리스트 값 제거하기 리스트 값 확장하기 리스트 값 오름차순 내림차순 정렬하기 sorted 리스트 값 오름차순 내림차순 정렬하기 sort 튜플 값 오름차순 내림차순 정렬하기 리스트 자체를 제거하기 반복문 for else for문이 break없이 작동한 경우 else문 작동 함수 생성 방법 def 함수 값 반환 return 함수에 값 전달하기 아규먼트와 파라미터 함수의 파라미터 기본값 적용하기 줄바꿈이 있는 문자열 표현하기 \n와 따옴표 3개 문자열 앞 뒤의 공백 없애기 lstrip rstrip strip 문자열 치환하기 변경하기 replace 문자열을 대문자로 치환하기 변경하기 upper 문자열을 소문자로 치환하기 변경하기 lower 문자열을 특정 문자나 공백으로 나누기 리스트로 변환하기 split 시퀀스 sequence 문자열의 문자 인덱스 찾기 index 문자의 위치 찾기 문자의 인덱스 찾기 find 문자열에서 특정 문자 개수 세기 문자열의 전체 길이 세기 len 문자열 문자사이에 특정 문자 넣기 join 튜플과 리스트의 값 사이에 특정 문자를 넣어 문자열로 만들기 join 문자열 자르기 (시퀀스 슬라이싱 sequence slicing) 리스트 자르기 list slicing 리스트 슬라이싱 튜플 자르기 tuple slicing 튜플 슬라이싱 리스트 역순으로 나열하기, 리스트 순서를 거꾸로하기 set 집합자료형 set 집합자료형 교집합 set 집합자료형 합집합 set 집합자료형 차집합 set 집합자료형 값 추가하기 set 집합자료형 같은 값 1개라도 있는지 확인하기 set 집합자료형 값 삭제하기 remove 형변환 - 정수(int)로 변경하기 형변환 - 문자열(str)로 변경하기 형변환 - 실수(float)로 변경하기 리스트 튜플 최대값 구하기 리스트 튜플 최소값 구하기 문자열에서 특정 문자열 찾기 in 문자열이 숫자나 문자로 구성되었는지 확인하기 문자열이 문자로만 구성되었는지 확인하기 문자열이 숫자로만 구성되었는지 확인하기 문자열 포맷팅 % 사용하기 문자열 포맷팅 format() 사용하기 f 문자열 포매팅 모듈 사용하기 import 자신이 만든 모듈 임포트하기 import 반올림 올림 내림 버림 round, ceil, floor, trunc 파일 생성하기 파일에 내용쓰기 기존 파일 내용 유지하면서 파일에 내용쓰기 파일 내용 읽기 URL 인코딩/디코딩 파일 인코딩 설정 한글이 안나올 때 git 시작하기 GitHub 원격저장소 만들기 MacOS에서 git 설치하기 윈도우에서 git 설치하기 MacOS에서 로컬저장소 생성하기 윈도우에서 로컬저장소 생성하기 로컬에서 git 사용하기(커밋) 로컬저장소에 원격저장소 지정하기 로컬저장소의 커밋 원격저장소에 올리기(푸쉬) 원격저장소의 커밋을 로컬저장소에 내리기(클론) 원격저장소의 커밋을 새로운 로컬저장소에 갱신하기(풀) MacOS에서 GitHub Desktop 설치하기 Windows에서 GitHub Desktop 설치하기 GitHub Desktop에서 commit, push하기 GitHub Desktop에서 책 예제 다운로드하기(clone) 브랜치 생성하기 브랜치 합치기(merge) 깃허브 액세스 토큰 생성