ABout CoDing

ES6로 시작하는 자바스크립트

2018년 12월에 진행된 ‘ES6로 시작하는 자바스크립트’ 스터디 자료입니다. Learning Javascript 도서를 기반으로 진행되었습니다. 몇가지 변경점은 소스 코드가 모두 실행되는 코드로 변경되고 책에 존재하던 오타도 수정되었습니다. 스터디를 진행하는데 필요한 필수 요소들과 최신 버젼의 자바스크립트에 포함된 기능도 자료에 포함되었습니다. gulp 와 babel을 이용하여 환경을 설정하는 부분이 실행이 되지 않아 모두 최신 패키지를 사용하는 방법으로 교체되었습니다. git repository https://github.com/ABoutCoDing/Learning-Javascript_ABCD.git 참고 ABCD Git & Github 스터디 자료 ABCD 리눅스 커맨드 스터디 자료 ABCD 제이쿼리.. Read More

Git + Github 소셜코딩

10월 11월에 진행된 깃, 깃허브 소셜코딩 스터디입니다. 소셜 코딩으로 이끄는 GitHub 실천 기술 도서 기반으로 진행되었습니다.   교재 슬라이드 #1 Git 과 Github, git 환경 설정, github 설정, github ssh 설정, 프로젝트 생성, 브랜치(branch), 커밋 되돌리기, 충돌 문제 해결, git rebase, 원격 리포지토리 송신, 원격 리포지토리에서 가져오기 슬라이드 #2 리모트 리포지토리, Git 도구 – stash, github, issue, pull request, Travis CI, jenkins 설정, Github Flow – Deploy 중심, git flow, source tree   참고 아틀라시안 git flow 문서   참고자료 Pro Git Book 누구나 쉽게 이해할 수 있는 깃 입문.. Read More

처음부터 배워보는 리눅스 커맨드라인

9월 10월에 진행된 리눅스 스터디입니다. 도커를 사용해서 리눅스 전반의 커맨드라인 기능과 명령어를 살펴보는 시간이었습니다.   원서 : The Linux Command Line: A Complete Introduction 번역서 : 리눅스 커맨드라인 완벽 입문서   스터디 자료 슬라이드 #1 – 환경설정, 쉘, 파일시스템 탐색, 시스템 살펴보기, 파일과 디렉토리 조작, 명령어와 친해지기, 리다이렉션. 확장과 인용, 고급 키보드 기법 슬라이드 #2 – 퍼미션, 프로세스, 환경, VI맛보기, 프롬프트 커스터마이징, 패키지관리, 저장장치, 네트워킹, 파일검색, 파일 보관 및 백업, 정규표현식, 텍스트 편집, 출력포맷지정, 프로그램 컴파일  .. Read More

Go 시작해보기

8월에 진행된 Go시작해보기 스터디 자료입니다. GO언어로 웹개발을 해보는 시간이었습니다.   슬라이드 : https://docs.google.com/presentation/d/1HrIbqeIgb4DsfhDTaU_xW9GZ4lAliuvBU0jwo_Gnx-4 레포지토리 : https://github.com/ABoutCoDing/simple-community      

소프트웨어 속 알고리즘 스터디

7월에 진행된 소프트웨어 속 알고리즘 스터디 자료입니다.   참고도서 : 원서 : Grokking Algorithms 번역서 : 그림으로 개념을 이해하는 알고리즘   Repository https://github.com/ABoutCoDing/Functional-Programming-JS-ABCD   Step #1 슬라이드 #1 쥬피터 노트북 #1 실습 환경 설정 알고리즘 (Algorithm) 기본적인 파이썬 문법 이진탐색 (Binary Search) 빅오 표기법 (Big O notation) 배열과 리스트 선택정렬 (selection sort) 재귀 (recursion) 스택 (stack) 분할 정복 전략(divide-and-conquer) 퀵정렬 (quick sort)   Step #2 슬라이드 #2 쥬피터 노트북 #2 해시테이블 너비.. Read More

함수형 자바스크립트 스터디

함수형 자바스크립트 스터디 자료입니다.   참고도서 : 원서 : Functional Programming in JavaScript 번역서 : 함수형 자바스크립트   Repository https://github.com/ABoutCoDing/Functional-Programming-JS-ABCD/   1. 슬라이드 #1 – Becoming functional, Higher-order JavaScript 2. 슬라이드 #2 – Few data structures, many operations, Toward modular, reusable code 3. 슬라이드 #3 – Design patterns against complexity, Bulletproofing your code 4. 슬라이드 #4 – Functional optimizations, Managing asynchronous events and data    

자바스크립트 & 제이쿼리 스터디

스터디 도서 – 자바스크립트 & 제이쿼리 스터디 소스저장소 슬라이드1 소개 자바스크립트 기본 명령어 함수, 메서드, 객체 의사결정과 루프 슬라이드2 문서 객체 모델 (DOM) 이벤트 슬라이드3 jQuery Ajax 와 JSON 슬라이드4 API 오류 처리와 디버깅 슬라이드5 콘텐츠 패널 필터링, 검색, 정렬 폼 확장 및 유효성 검사 #4보충

SVG & SVG 애니메이션 스터디

MDN의 SVG 튜토리얼 을 기본으로 다른 자료들과 직접 만든 소스를 이용하여 진행한 스터디입니다. 코드에디터(VS CODE)와 플러그인을 이용해서 아이콘과 움직이는 애니메이션도 만들어 보았습니다. 소스 레포지토리   스터디 교재 슬라이드#1 슬라이드#2  

한번에 훅가는 파이썬&장고 스터디

파이썬 문법과 크롤링과 Django를 이용하여 페이지를 만들어보는 방식으로 스터디가 진행되었습니다. 도욱현님과 한기갑님이 리딩을 해주셨습니다. #1. 크롤링, 스크래핑, SQLITE, FLASK – 도욱현 #2. Django 실습 스터디 – 한기갑 Slide#1 Slide#2 Slide#3  

HTML + CSS 스터디

2017년 12월에 진행된 HTML + CSS 과정의 산출물입니다. 참석자 분들 모두 정말 수고 많이 하셨습니다. 그리고 공부하시는 분들에게도 도움이 되면 좋겠습니다. 🙂   스터디 도서  최신 표준 HTML+CSS 디자인   작업소스 GITHUB REPOSITORY (스터디 소스, 작업 내역, 도서 소스 저장)   스터디 자료 스터디 자료 #3 스터디 자료 #2 스터디 자료 #1   Flexbox flexboxfroggy Flexbox 테스트 CSS Flexbox with Animated GIF! Flexbox Cheetsheet w3schools Flexbox 테스트 Grid Layout CSS Grid.. Read More