패스트캠퍼스 프론트엔드 강의 오리엔테이션

Taegon Kim
Taegon KimFrontend Engineer
과정을 소개합니다
쇼핑몰을 만드는 프론트엔드 개발
김태곤
제가 프론트엔드 개발자라서
하는 말이지만…
실드치는 중입니다.
프론트엔드 기술을 배우세요.
아직 프로그래밍을 배우지 않았다면
왜?
피할 수 없으므로 어차피 배워야 합니다.
첫째, 웹 서비스를 만들 때는
배울 때 참고할 자료가 아주 많습니다.
둘째, 사용하는 사람이 많아
클라이언트, 서버, 모바일/데스크톱 앱
셋째, 같은 기술을 사용해서
…까지 만들 수 있습니다. 어메이징!
예비창업자, 디자이너, 기획자들이
그래서
또는 프로그래밍 초보자도
아이디어를 현실로 만들 수 있습니다.
♪ 숨겨왔던 나~의 수줍은
물론,
'할 수 있다'와 '잘 된다'는 다릅니다.
실드치는 중입니다.
갑자기 짠~하고 전문가가 되지는 않으니까요.
이 수업을 들었다고
수퍼히어로는 만화에나 있는 거죠.
프로토타입은 충분히 만들 수 있습니다.
하지만 아이디어를 정리할
직접 해봐야 알 수 있는 게 많습니다.
좋은 아이디어로 보이면 전문가를 고용하세요.
실제 눈으로 보고 만져본 후
또는 전문가를 뽑아달라고 사장님을 조르세요.
자...잠깐?
프로토타입 제품은 좋은 예제가 됩니다.
어쨌든...
적어도 이런 일은 없을 겁니다.
이미지: 게임회사 여직원들 by 마시멜 (다음웹툰)
직접 만들어서 보여준다면
기획자 디자이너
개발자도 보여줘야 알아요.
동료 프론트엔드 개발자로 만날 수 있을지도요
어쩌면 언젠가 여러분이 전문가가 되서
기본기 튼튼한 초보 개발자가 되는 것입니다.
이 수업의 목표는 스스로 길을 찾을 수 있는
프론트엔드 분야는 굉장히 변화가 빠릅니다.
오늘 배운 내용이 과정이 끝날 때는 달라져 있을지도 모릅니다.
브라우저의 진상도 견뎌야 합니다.
구 버전도 지원해야 하고 업데이트하면 없던 버그도 생깁니다.
IE 8 "HTML5 보고 내려라 소리치며 파일 던져"
문제 해결 능력이 더 중요한 이유입니다.
하지만 수업 중에 배우는 건 아주 적습니다.
Photo by Official U.S. Navy Page / CC BY
내 거친 코드와 불안한 디버깅. 그걸 지켜보는 팀장님.
많은 경험과 연습이 필요합니다.
문제 해결 능력을 기르려면
하지만 수업 시간은 너무 짧죠.
수업은 조금 힘들고 빡셀지도 모릅니다.
부족한 경험을 보충하기 위해
Photo by USAG-Humphreys / CC BY-NC-SA
게다가 과제도 많이 드릴거예요.
Photo by USAG-Humphreys / CC BY-NC-SA
쉽지 않다는 거 알고 있습니다.
적극적으로 수업에

참여해주세요.
과제도 성실하게

제출해주세요.
그래도 부탁드립니다.
적극적인만큼 많이 얻을 것입니다.
Photo by Kristina Alexanderson / CC BY-NC-SA
단언컨대,
노력의 결과, 실력있는 전문가가 되시면
이 수업을 듣고 열심히 노력하여
혹은 회사가 번창하시면
저도 잘 부탁드립니다.
진심입니다.
그럼 개발 환경을 설정해보겠습니다.
노트북을 열어주세요.
브라우저는 가능한 많이 설치해주세요.
브라우저님들 성질 맞추는 게 얼마나 어려운지도 배워봐야죠.
도메인이 있는 개발 환경을 구성합니다.
모바일 기기에서 결과물을 보려면 도메인이 있는 편이 좋습니다.
GitHub 서비스를 통해
GitHub 계정 가입
• GitHub(github.com)에 가입합니다.
• GitHub에서 발송한 메일을 통해 메일을 인증합니다.
• 가입된 계정으로 로그인 합니다.
여기에 입력한 후에

Sign up 버튼을 눌러
가입하세요
GitHub에 새 저장소를 만듭니다.
https://github.com/new 페이지로 이동한 후

새 저장소를 작성합니다.
Repository name에

"fecamp"라고 입력하세요
GitHub에 새 저장소를 만듭니다.
Create repository 버튼을 클릭해서 저장소를 만듭니다.
이 버튼을 클릭하면

저장소가 만들어집니다.
SourceTree 설치
"Download" 버튼을
클릭해서 받으세요.
• SourceTree는 개발자 도구로 유명한 Atlassian에서 만든

Git 사용 프로그램으로서 크로스 플랫폼을 지원합니다.
• www.sourcetreeapp.com에서 다운로드합니다.
SourceTree 설치
• 설치가 어려운 분은 다음 링크를 참고하세요.

- Git과 SourceTree 설치 (윈도우)

https://opentutorials.org/course/1492/8037

- Git과 SourceTree 설치 (OSX)

https://opentutorials.org/course/1492/8038
SourceTree 설치
• SourceTree를 실행한 후 GitHub 계정과 연동합니다.
• 상단의 Remote 탭을 클릭한 후 Connect a remote account

버튼을 클릭하세요.
이 버튼을 클릭하세요
SourceTree 설치
• GitHub 로그인 정보를 입력한 후 OK 버튼을 클릭하세요.
• Host = GitHub, Protocol = HTTPS로 설정되어 있어야 합니다.
SourceTree 설치
• 저장소에서 fecamp를 찾아서 Clone 버튼을 클릭합니다.
• 대화창이 나타나면 파일을 저장할 위치를 설정한 후

Clone 버튼을 클릭하세요.
SourceTree 설치
• 상단에서 Local 탭으로 이동한 후 fecamp 저장소를

더블 클릭하면 저장소가 복제(clone)됩니다.
SourceTree 설치
• 복제가 완료되면 다음과 같은 화면이 나타납니다.
로컬 저장소 파일 저장
• 편집기에서 README.md 파일을 작성하고 다음 내용을

입력한 후 fecamp 폴더에 저장합니다.


 # 설명

프론트엔드 캠프 예제 저장소입니다.
GitHub에 저장
• Unstaged files에 있는 README.md 파일을 체크합니다.
• Staged files로 옮겨지면 툴바의 Commit 버튼을 클릭합니다.





체크 박스를

클릭하세요.
GitHub에 저장
• Unstaged files에 있는 README.md 파일을 체크합니다.
• Staged files로 옮겨지면 툴바의 Commit 버튼을 클릭합니다.





Commit 버튼을

클릭합니다.
GitHub에 저장
• 커밋 메시지를 입력하고 Push changes...를 체크하세요.
• 오른쪽 하단의 Commit 버튼을 클릭하세요.





메시지를 입력하고

Commit!
• 툴바에서 Branch 아이콘을 클릭합니다.
• gh-pages라는 브랜치를 새로 만듭니다.
페이지 브랜치 생성
이 버튼을

클릭하여 브랜치를

만듭니다.
• index.html 파일을 작성한 후 fecamp 폴더에 저장합니다.
• gh-pages 브랜치가 굵은 글씨로 선택됐는지 확인하세요.
• 조금 전과 같이 커밋(Commit)과 푸시(Push)를 진행합니다.
페이지 브랜치 생성
gh-pages 브랜치가

선택됐는지 반드시

확인하세요.
• http://사용자이름.github.io/fecamp/ 로 접속합니다.

















• 이제 원하는 파일과 폴더를 fecamp 폴더에 추가하고 커밋 후

푸시하면 온라인에서 볼 수 있습니다.
작성한 페이지를 확인합니다.
그 다음에는 NodeJS를 설치해주세요.
FastShop의 백엔드는 NodeJS를 사용해 작성되었습니다.
nodejs.org에서 받고 설치하세요
INSTALL 버튼을
클릭해서 받으세요.
npm 폴더 생성
• Windows 환경에서는 탐색기 제목표시줄에 %appdata% 를
입력한 후 npm 폴더가 있는지 확인하고 없으면 만들어주세요.
여기에 %appdata%를

입력하고 엔터를 누르세요
npm 폴더 생성
npm 폴더가 없으면

새로 만들어주세요.
• Windows 환경에서는 탐색기 제목표시줄에 %appdata% 를
입력한 후 npm 폴더가 있는지 확인하고 없으면 만들어주세요.
편집기는 Adobe Brackets를 사용합니다.
하지만 손에 익은 게 있다면 그걸 사용하셔도 좋습니다.
Adobe Brackets는…
•프론트엔드 기술로 확장 기능을 만들 수 있습니다.
•프론트엔드 개발에 유용한 확장 기능이 많습니다.
•크로스 플랫폼을 지원합니다.
•무료로 사용할 수 있습니다.
•한국어도 잘 지원됩니다.
brackets.io에서 다운로드 및 설치
Download 버튼을
클릭해서 받으세요.
확장기능 설치
• Brackets 실행 후 파일 > 확장기능 관리자...를 클릭합니다.
• 팝업창 우측 상단에 있는 입력 상자에 확장 기능 이름을

입력한 후 설치 버튼을 클릭해 설치합니다.
여기에 검색어를

입력합니다.
확장기능 설치
• JSHint

JS 코드가 올바른지 실시간으로 검사합니다.
• CSSHint

CSS 코드가 올바른지 실시간으로 검사합니다.
• W3CValidation

편집중인 HTML 문서가 W3C 권고안에 유효한지 실시간으로

검사하고 문제점을 알려줍니다.
• CanIUse

특정 기능을 지원하는 브라우저 정보를 편집기에서

바로 확인할 수 있습니다. (caniuse.com 질의)
설치할 확장기능은 다음과 같습니다.
확장기능 설치
Brackets 에디터를 다시 시작하면 확장기능이 적용됩니다.
그럼 이제 열심히 달려봅시다!
첫 수업 때 뵙겠습니다.
Photo by Jon Marshall / CC BY
패스트캠퍼스 프론트엔드 강의 오리엔테이션
1 of 60

Recommended

[강의소개] 파이썬으로 시작하는 웹 프로그래밍 CAMP 1기 by
[강의소개] 파이썬으로 시작하는 웹 프로그래밍 CAMP 1기[강의소개] 파이썬으로 시작하는 웹 프로그래밍 CAMP 1기
[강의소개] 파이썬으로 시작하는 웹 프로그래밍 CAMP 1기FAST CAMPUS
18.5K views30 slides
[강의소개] 안드로이드 앱 개발 입문 캠프 4기 by
[강의소개] 안드로이드 앱 개발 입문 캠프 4기[강의소개] 안드로이드 앱 개발 입문 캠프 4기
[강의소개] 안드로이드 앱 개발 입문 캠프 4기FAST CAMPUS
18.6K views34 slides
신입 개발자 생활백서 [개정판] by
신입 개발자 생활백서 [개정판]신입 개발자 생활백서 [개정판]
신입 개발자 생활백서 [개정판]Yurim Jin
23.4K views120 slides
[취업특강] IT분야에서 행복하게 일하기 - SW 개발자를 중심으로 by
[취업특강] IT분야에서 행복하게 일하기 - SW 개발자를 중심으로[취업특강] IT분야에서 행복하게 일하기 - SW 개발자를 중심으로
[취업특강] IT분야에서 행복하게 일하기 - SW 개발자를 중심으로Sungwoo Park
7.3K views59 slides
학생 개발자, 인턴십으로 성장하기 by
학생 개발자, 인턴십으로 성장하기학생 개발자, 인턴십으로 성장하기
학생 개발자, 인턴십으로 성장하기재원 최
9.3K views34 slides
개발자 1.5배 즐기기 by
개발자 1.5배 즐기기개발자 1.5배 즐기기
개발자 1.5배 즐기기용근 권
1.3K views12 slides

More Related Content

What's hot

How To Become Better Engineer by
How To Become Better EngineerHow To Become Better Engineer
How To Become Better EngineerDaeMyung Kang
20.6K views66 slides
부스트캠프 2020 설명회 발표자료 by
부스트캠프 2020 설명회 발표자료부스트캠프 2020 설명회 발표자료
부스트캠프 2020 설명회 발표자료CONNECT FOUNDATION
4.1K views40 slides
부스트캠프 2019 설명회 by
부스트캠프 2019 설명회부스트캠프 2019 설명회
부스트캠프 2019 설명회CONNECT FOUNDATION
1.2K views36 slides
Fast campus 안드로이드 앱 개발 프로젝트 CAMP (Fastground) by
Fast campus 안드로이드 앱 개발 프로젝트 CAMP (Fastground)Fast campus 안드로이드 앱 개발 프로젝트 CAMP (Fastground)
Fast campus 안드로이드 앱 개발 프로젝트 CAMP (Fastground)동욱 하
292 views25 slides
부스트캠프 웹·모바일 6기 설명회 발표자료.pdf by
부스트캠프 웹·모바일 6기 설명회 발표자료.pdf부스트캠프 웹·모바일 6기 설명회 발표자료.pdf
부스트캠프 웹·모바일 6기 설명회 발표자료.pdfCONNECT FOUNDATION
1.3K views50 slides
웹 마스터에서 웹 퍼블리셔, 그리고 프론트엔드개발자로 by
웹 마스터에서 웹 퍼블리셔,  그리고 프론트엔드개발자로웹 마스터에서 웹 퍼블리셔,  그리고 프론트엔드개발자로
웹 마스터에서 웹 퍼블리셔, 그리고 프론트엔드개발자로Aria (In Suk) Kim
578 views24 slides

What's hot(20)

How To Become Better Engineer by DaeMyung Kang
How To Become Better EngineerHow To Become Better Engineer
How To Become Better Engineer
DaeMyung Kang20.6K views
부스트캠프 2020 설명회 발표자료 by CONNECT FOUNDATION
부스트캠프 2020 설명회 발표자료부스트캠프 2020 설명회 발표자료
부스트캠프 2020 설명회 발표자료
CONNECT FOUNDATION4.1K views
Fast campus 안드로이드 앱 개발 프로젝트 CAMP (Fastground) by 동욱 하
Fast campus 안드로이드 앱 개발 프로젝트 CAMP (Fastground)Fast campus 안드로이드 앱 개발 프로젝트 CAMP (Fastground)
Fast campus 안드로이드 앱 개발 프로젝트 CAMP (Fastground)
동욱 하292 views
부스트캠프 웹·모바일 6기 설명회 발표자료.pdf by CONNECT FOUNDATION
부스트캠프 웹·모바일 6기 설명회 발표자료.pdf부스트캠프 웹·모바일 6기 설명회 발표자료.pdf
부스트캠프 웹·모바일 6기 설명회 발표자료.pdf
CONNECT FOUNDATION1.3K views
웹 마스터에서 웹 퍼블리셔, 그리고 프론트엔드개발자로 by Aria (In Suk) Kim
웹 마스터에서 웹 퍼블리셔,  그리고 프론트엔드개발자로웹 마스터에서 웹 퍼블리셔,  그리고 프론트엔드개발자로
웹 마스터에서 웹 퍼블리셔, 그리고 프론트엔드개발자로
Aria (In Suk) Kim578 views
낮은 가지의 열매: 진도가 안 나가는 모든 개발자에게 [170408 Women Techmakers] by Yurim Jin
낮은 가지의 열매: 진도가 안 나가는 모든 개발자에게 [170408 Women Techmakers]낮은 가지의 열매: 진도가 안 나가는 모든 개발자에게 [170408 Women Techmakers]
낮은 가지의 열매: 진도가 안 나가는 모든 개발자에게 [170408 Women Techmakers]
Yurim Jin6.3K views
200820 NAVER TECH CONCERT 14_야 너두 할 수 있어. 비전공자, COBOL 개발자를 거쳐 네이버에서 FE 개발하게 된... by NAVER Engineering
200820 NAVER TECH CONCERT 14_야 너두 할 수 있어. 비전공자, COBOL 개발자를 거쳐 네이버에서 FE 개발하게 된...200820 NAVER TECH CONCERT 14_야 너두 할 수 있어. 비전공자, COBOL 개발자를 거쳐 네이버에서 FE 개발하게 된...
200820 NAVER TECH CONCERT 14_야 너두 할 수 있어. 비전공자, COBOL 개발자를 거쳐 네이버에서 FE 개발하게 된...
NAVER Engineering487 views
개발과 디자인은 재미있어 [141025 한국우분투커뮤니티 발표] by Yurim Jin
개발과 디자인은 재미있어 [141025 한국우분투커뮤니티 발표]개발과 디자인은 재미있어 [141025 한국우분투커뮤니티 발표]
개발과 디자인은 재미있어 [141025 한국우분투커뮤니티 발표]
Yurim Jin7.1K views
[숭실대학교 SODA] Pair Programming(페어 프로그래밍) by Soongsil University
[숭실대학교 SODA] Pair Programming(페어 프로그래밍) [숭실대학교 SODA] Pair Programming(페어 프로그래밍)
[숭실대학교 SODA] Pair Programming(페어 프로그래밍)
200819 NAVER TECH CONCERT 09_Case.xcodeproj - 좋은 동료로 거듭나기 위한 노하우 by NAVER Engineering
200819 NAVER TECH CONCERT 09_Case.xcodeproj - 좋은 동료로 거듭나기 위한 노하우200819 NAVER TECH CONCERT 09_Case.xcodeproj - 좋은 동료로 거듭나기 위한 노하우
200819 NAVER TECH CONCERT 09_Case.xcodeproj - 좋은 동료로 거듭나기 위한 노하우
NAVER Engineering453 views
포트폴리오 김규하 by GyooHa Kim
포트폴리오 김규하포트폴리오 김규하
포트폴리오 김규하
GyooHa Kim149 views
[제6회] 9x년생 개발자 모임 by Yurim Jin
[제6회] 9x년생 개발자 모임[제6회] 9x년생 개발자 모임
[제6회] 9x년생 개발자 모임
Yurim Jin1.7K views
커뮤니티 활동과 스터디 by Javajigi Jaesung
커뮤니티 활동과 스터디커뮤니티 활동과 스터디
커뮤니티 활동과 스터디
Javajigi Jaesung1.4K views
그릇된 팬심의 어긋난 결말 by Hyun-woo Park
그릇된 팬심의 어긋난 결말그릇된 팬심의 어긋난 결말
그릇된 팬심의 어긋난 결말
Hyun-woo Park15.4K views
패캠 네트워킹 데이 - 침묵으로 가르치기 by Javajigi Jaesung
패캠 네트워킹 데이 - 침묵으로 가르치기패캠 네트워킹 데이 - 침묵으로 가르치기
패캠 네트워킹 데이 - 침묵으로 가르치기
Javajigi Jaesung1.2K views
개발자로 사는 길!!! 20141114 by GeniNetworks
개발자로 사는 길!!! 20141114개발자로 사는 길!!! 20141114
개발자로 사는 길!!! 20141114
GeniNetworks1.4K views
스마일게이트 서버개발캠프 - ING - Laundry Runner by ServerDevCamp
스마일게이트 서버개발캠프 - ING - Laundry Runner스마일게이트 서버개발캠프 - ING - Laundry Runner
스마일게이트 서버개발캠프 - ING - Laundry Runner
ServerDevCamp61 views

Viewers also liked

Universal Rendering by
Universal RenderingUniversal Rendering
Universal RenderingTaegon Kim
3.4K views51 slides
React Native를 사용한
 초간단 커뮤니티 앱 제작 by
React Native를 사용한
 초간단 커뮤니티 앱 제작React Native를 사용한
 초간단 커뮤니티 앱 제작
React Native를 사용한
 초간단 커뮤니티 앱 제작Taegon Kim
50K views36 slides
ReactJS로 시작하는 멀티플랫폼 개발하기 by
ReactJS로 시작하는 멀티플랫폼 개발하기ReactJS로 시작하는 멀티플랫폼 개발하기
ReactJS로 시작하는 멀티플랫폼 개발하기Taegon Kim
34.1K views125 slides
EMOCON 2015 - Sketch3로 기획서 관리하기 by
EMOCON 2015 - Sketch3로 기획서 관리하기EMOCON 2015 - Sketch3로 기획서 관리하기
EMOCON 2015 - Sketch3로 기획서 관리하기이상한모임
945 views22 slides
ReactJS | 서버와 클라이어트에서 동시에 사용하는 by
ReactJS | 서버와 클라이어트에서 동시에 사용하는ReactJS | 서버와 클라이어트에서 동시에 사용하는
ReactJS | 서버와 클라이어트에서 동시에 사용하는Taegon Kim
36.2K views58 slides
XpressEngine : 보드에서 CMS로 by
XpressEngine : 보드에서 CMS로XpressEngine : 보드에서 CMS로
XpressEngine : 보드에서 CMS로Taegon Kim
3.4K views54 slides

Viewers also liked(20)

Universal Rendering by Taegon Kim
Universal RenderingUniversal Rendering
Universal Rendering
Taegon Kim3.4K views
React Native를 사용한
 초간단 커뮤니티 앱 제작 by Taegon Kim
React Native를 사용한
 초간단 커뮤니티 앱 제작React Native를 사용한
 초간단 커뮤니티 앱 제작
React Native를 사용한
 초간단 커뮤니티 앱 제작
Taegon Kim50K views
ReactJS로 시작하는 멀티플랫폼 개발하기 by Taegon Kim
ReactJS로 시작하는 멀티플랫폼 개발하기ReactJS로 시작하는 멀티플랫폼 개발하기
ReactJS로 시작하는 멀티플랫폼 개발하기
Taegon Kim34.1K views
EMOCON 2015 - Sketch3로 기획서 관리하기 by 이상한모임
EMOCON 2015 - Sketch3로 기획서 관리하기EMOCON 2015 - Sketch3로 기획서 관리하기
EMOCON 2015 - Sketch3로 기획서 관리하기
이상한모임945 views
ReactJS | 서버와 클라이어트에서 동시에 사용하는 by Taegon Kim
ReactJS | 서버와 클라이어트에서 동시에 사용하는ReactJS | 서버와 클라이어트에서 동시에 사용하는
ReactJS | 서버와 클라이어트에서 동시에 사용하는
Taegon Kim36.2K views
XpressEngine : 보드에서 CMS로 by Taegon Kim
XpressEngine : 보드에서 CMS로XpressEngine : 보드에서 CMS로
XpressEngine : 보드에서 CMS로
Taegon Kim3.4K views
진화하는 소셜 큐레이션 서비스와 관련 기술 by Taegon Kim
진화하는 소셜 큐레이션 서비스와 관련 기술진화하는 소셜 큐레이션 서비스와 관련 기술
진화하는 소셜 큐레이션 서비스와 관련 기술
Taegon Kim4.4K views
Fiddler: 웹 디버깅 프록시 by Taegon Kim
Fiddler: 웹 디버깅 프록시Fiddler: 웹 디버깅 프록시
Fiddler: 웹 디버깅 프록시
Taegon Kim25.9K views
웹 Front-End 실무 이야기 by JinKwon Lee
웹 Front-End 실무 이야기웹 Front-End 실무 이야기
웹 Front-End 실무 이야기
JinKwon Lee54.3K views
오늘 당장 시작하는 HTML5 by Taegon Kim
오늘 당장 시작하는 HTML5오늘 당장 시작하는 HTML5
오늘 당장 시작하는 HTML5
Taegon Kim6.4K views
jQuery Trend by Taegon Kim
jQuery TrendjQuery Trend
jQuery Trend
Taegon Kim2.1K views
2.네이버 프론트엔드 김지태 by NAVER D2
2.네이버 프론트엔드 김지태2.네이버 프론트엔드 김지태
2.네이버 프론트엔드 김지태
NAVER D231.5K views
프론트엔드 개발자를 위한 크롬 렌더링 성능 인자 이해하기 by Chang W. Doh
프론트엔드 개발자를 위한 크롬 렌더링 성능 인자 이해하기프론트엔드 개발자를 위한 크롬 렌더링 성능 인자 이해하기
프론트엔드 개발자를 위한 크롬 렌더링 성능 인자 이해하기
Chang W. Doh3.9K views
초보 개발자를 위한 웹 프론트엔드 개발 101 by Chang W. Doh
초보 개발자를 위한 웹 프론트엔드 개발 101초보 개발자를 위한 웹 프론트엔드 개발 101
초보 개발자를 위한 웹 프론트엔드 개발 101
Chang W. Doh8.6K views
1월 18일_Vobble_최초 기획서 by Nexters
1월 18일_Vobble_최초 기획서1월 18일_Vobble_최초 기획서
1월 18일_Vobble_최초 기획서
Nexters 2.2K views
Channel ID variation 기획서 by 이 연경
Channel ID variation 기획서Channel ID variation 기획서
Channel ID variation 기획서
이 연경1.3K views
JavaScript on Rails 튜토리얼 by Sukjoon Kim
JavaScript on Rails 튜토리얼JavaScript on Rails 튜토리얼
JavaScript on Rails 튜토리얼
Sukjoon Kim870 views
레일스를 이용한 애자일 웹 개발 가이드 by Sukjoon Kim
레일스를 이용한 애자일 웹 개발 가이드레일스를 이용한 애자일 웹 개발 가이드
레일스를 이용한 애자일 웹 개발 가이드
Sukjoon Kim1.4K views
루비, REST, jQuery 그리고 agile 웹에 관한 이야기 by Sukjoon Kim
루비, REST, jQuery 그리고 agile 웹에 관한 이야기루비, REST, jQuery 그리고 agile 웹에 관한 이야기
루비, REST, jQuery 그리고 agile 웹에 관한 이야기
Sukjoon Kim994 views
루비온레일즈_01_간단한 정적인 홈페이지 제작 by SangHun Lee
루비온레일즈_01_간단한 정적인 홈페이지 제작루비온레일즈_01_간단한 정적인 홈페이지 제작
루비온레일즈_01_간단한 정적인 홈페이지 제작
SangHun Lee774 views

Similar to 패스트캠퍼스 프론트엔드 강의 오리엔테이션

현장에서 사용하는 Software production by
현장에서 사용하는 Software production현장에서 사용하는 Software production
현장에서 사용하는 Software productionJinho Yoo
2.8K views92 slides
개알못의 오픈소스이야기 - 이상준님 by
개알못의 오픈소스이야기 - 이상준님개알못의 오픈소스이야기 - 이상준님
개알못의 오픈소스이야기 - 이상준님NAVER D2
4.4K views19 slides
Github 으로 학교 팀 프로젝트 하기 by
Github 으로 학교 팀 프로젝트 하기Github 으로 학교 팀 프로젝트 하기
Github 으로 학교 팀 프로젝트 하기nexusz99
34K views43 slides
경희대 해커 기술 세미나 - Git hub으로 학교 팀프로젝트 하기(조성수) by
경희대 해커 기술 세미나 - Git hub으로 학교 팀프로젝트 하기(조성수)경희대 해커 기술 세미나 - Git hub으로 학교 팀프로젝트 하기(조성수)
경희대 해커 기술 세미나 - Git hub으로 학교 팀프로젝트 하기(조성수)NAVER D2
3.4K views43 slides
스마일게이트 서버개발캠프 - HGHSS - 합격하소서 by
스마일게이트 서버개발캠프 - HGHSS - 합격하소서스마일게이트 서버개발캠프 - HGHSS - 합격하소서
스마일게이트 서버개발캠프 - HGHSS - 합격하소서ServerDevCamp
99 views60 slides
GDG-DevFest, 만들면서 자랑하면서 성장하는 개발자 by
GDG-DevFest, 만들면서 자랑하면서 성장하는 개발자GDG-DevFest, 만들면서 자랑하면서 성장하는 개발자
GDG-DevFest, 만들면서 자랑하면서 성장하는 개발자Minsuk Lee
559 views20 slides

Similar to 패스트캠퍼스 프론트엔드 강의 오리엔테이션(20)

현장에서 사용하는 Software production by Jinho Yoo
현장에서 사용하는 Software production현장에서 사용하는 Software production
현장에서 사용하는 Software production
Jinho Yoo2.8K views
개알못의 오픈소스이야기 - 이상준님 by NAVER D2
개알못의 오픈소스이야기 - 이상준님개알못의 오픈소스이야기 - 이상준님
개알못의 오픈소스이야기 - 이상준님
NAVER D24.4K views
Github 으로 학교 팀 프로젝트 하기 by nexusz99
Github 으로 학교 팀 프로젝트 하기Github 으로 학교 팀 프로젝트 하기
Github 으로 학교 팀 프로젝트 하기
nexusz9934K views
경희대 해커 기술 세미나 - Git hub으로 학교 팀프로젝트 하기(조성수) by NAVER D2
경희대 해커 기술 세미나 - Git hub으로 학교 팀프로젝트 하기(조성수)경희대 해커 기술 세미나 - Git hub으로 학교 팀프로젝트 하기(조성수)
경희대 해커 기술 세미나 - Git hub으로 학교 팀프로젝트 하기(조성수)
NAVER D23.4K views
스마일게이트 서버개발캠프 - HGHSS - 합격하소서 by ServerDevCamp
스마일게이트 서버개발캠프 - HGHSS - 합격하소서스마일게이트 서버개발캠프 - HGHSS - 합격하소서
스마일게이트 서버개발캠프 - HGHSS - 합격하소서
ServerDevCamp99 views
GDG-DevFest, 만들면서 자랑하면서 성장하는 개발자 by Minsuk Lee
GDG-DevFest, 만들면서 자랑하면서 성장하는 개발자GDG-DevFest, 만들면서 자랑하면서 성장하는 개발자
GDG-DevFest, 만들면서 자랑하면서 성장하는 개발자
Minsuk Lee559 views
오픈소스따라하기 by 병대 손
오픈소스따라하기오픈소스따라하기
오픈소스따라하기
병대 손1.3K views
Jira + Confluence + Bitbucket으로 이슈 트래킹 걸음마 떼기 by KyeongmanKang
Jira + Confluence + Bitbucket으로 이슈 트래킹 걸음마 떼기Jira + Confluence + Bitbucket으로 이슈 트래킹 걸음마 떼기
Jira + Confluence + Bitbucket으로 이슈 트래킹 걸음마 떼기
KyeongmanKang405 views
Momenti Seminar - 5 Years of RosettaStone by Chris Ohk
Momenti Seminar - 5 Years of RosettaStoneMomenti Seminar - 5 Years of RosettaStone
Momenti Seminar - 5 Years of RosettaStone
Chris Ohk1.3K views
버그 트래킹 시스템 Mantis의 사용 그리고 예제 by Kiyoung Moon
버그 트래킹 시스템 Mantis의 사용 그리고 예제버그 트래킹 시스템 Mantis의 사용 그리고 예제
버그 트래킹 시스템 Mantis의 사용 그리고 예제
Kiyoung Moon10.9K views
깃헙을 이용하여 호스팅하기 by 권성 양
깃헙을 이용하여 호스팅하기깃헙을 이용하여 호스팅하기
깃헙을 이용하여 호스팅하기
권성 양3.5K views
커뮤니티와 함께한 예비개발자 성장기- 조성수님 by NAVER D2
커뮤니티와 함께한 예비개발자 성장기- 조성수님커뮤니티와 함께한 예비개발자 성장기- 조성수님
커뮤니티와 함께한 예비개발자 성장기- 조성수님
NAVER D27.7K views
소셜홈 만들기 (2) by SNS4U
소셜홈 만들기 (2)소셜홈 만들기 (2)
소셜홈 만들기 (2)
SNS4U571 views
소스트리(SourceTree)로 배우는 Git 사용법 by 주형 고
소스트리(SourceTree)로 배우는 Git 사용법소스트리(SourceTree)로 배우는 Git 사용법
소스트리(SourceTree)로 배우는 Git 사용법
주형 고246 views
20년된 Naver Cafe 서비스가 Modularization으로 진화 하기_정동진.pdf by eastarJeong2
20년된 Naver Cafe 서비스가 Modularization으로 진화 하기_정동진.pdf20년된 Naver Cafe 서비스가 Modularization으로 진화 하기_정동진.pdf
20년된 Naver Cafe 서비스가 Modularization으로 진화 하기_정동진.pdf
eastarJeong264 views
청강대 특강 - 프로젝트 제대로 해보기 by Chris Ohk
청강대 특강 - 프로젝트 제대로 해보기청강대 특강 - 프로젝트 제대로 해보기
청강대 특강 - 프로젝트 제대로 해보기
Chris Ohk3.2K views
131 deview 2013 yobi-채수원 by NAVER D2
131 deview 2013 yobi-채수원131 deview 2013 yobi-채수원
131 deview 2013 yobi-채수원
NAVER D214.7K views
Software engineer가 되기 위한 여정 by Aree Oh
Software engineer가 되기 위한 여정Software engineer가 되기 위한 여정
Software engineer가 되기 위한 여정
Aree Oh159 views
프론트엔드 당장 써먹기 - 디자이너가 배우고 활용하는 법 by JiWon Jung
프론트엔드 당장 써먹기 - 디자이너가 배우고 활용하는 법프론트엔드 당장 써먹기 - 디자이너가 배우고 활용하는 법
프론트엔드 당장 써먹기 - 디자이너가 배우고 활용하는 법
JiWon Jung3.7K views
어플리케이션 및 웹 개발 by Leonardo Taehwan Kim
어플리케이션 및 웹 개발어플리케이션 및 웹 개발
어플리케이션 및 웹 개발

패스트캠퍼스 프론트엔드 강의 오리엔테이션