ABout CoDing

Vuejs 스터디

6월에 진행된 Vuejs 스터디의 산출물입니다. 4주간 수고하셨습니다. 🙂 스터디 리포지토리 Do it! Vue.js 입문 도서를 기반으로 부족한 부분과 버젼업이 되면서 변경된 부분과 더 필요하다고 생각되는 부분을 추가했습니다. 슬라이드 #1 – Vuejs 특징, 개발환경 설정, Hello Vue.js, 인스턴스, 컴포넌트, 뷰 컴포넌트 통신 슬라이드 #2 – Router, HTTP 통신, 뷰 템플릿, 고급 템플릿 기법, 뷰 프로젝트 구성 방법 슬라이드 #3 – Todo App Project, 컴포넌트 설정, 컴포넌트 내용 구현하기 슬라이드 #4 –.. Read More

Node.js 스터디

2월 Node.js 스터디에서 사용된 자료입니다.  Node.js 의 다양한 모듈들과 Node.js 사용시에 꼭 필요한 것들에 대해 다뤄보았습니다. 스터디를 참석하지 않은 분들은 좀 어려우실수도 있지만 본문에 포함된 참고 URL을 보시면 도움이 되실거라 생각합니다.   스터디 자료 슬라이드 #1 – Node.js, Javascript, ECMA2015(ES6), 비동기 처리, 모듈, npm, 노드 모듈 슬라이드 #2 – Node Server, Express, MySQL, MongoDB 슬라이드 #3 – WEB API, 인증, socket 슬라이드 #4 – 배포 및 테스트  

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