제주코딩베이스캠프 후기2: 카카오특강 + 부트스트랩

두번째이야기, 제주코딩베이스캠프 후기2:카카오특강+부트스트랩

드디어 자바스크립트!

오늘을 제일 기다렸다!

이거랑 내일 파이썬이 제일 기대된다.

그리고 오늘은 카카오 특강이 있는데 도대체 무슨 이야기를 하려나 싶어 참 궁금했다




오전 강의 정리 : CSS & JS

오늘내내 CSS에 대해 DEEP하게 배웠다

어제 배웠던 내용을 실습해볼수 있어서 큰 도움이 되었다.

그리고 내가 기대했던 자바스트립트는 1시간안에 축약적으로 설명을 들었다.

자바스크립트의 기본중의 기본, 데이터타입, 변수, 함수까지만 설명해주었다.

깊게 들어가지 않아서 실망스러웠다 쳇-




오후 강의 정리 : 카카오특강

강의내용은 들여쓰기로 저장해내봤다.

카카오는 크게 제주와 판교.
카카오는 서류전형에 학력입력란이 없음. 오로지 코딩테스트를 통해서 선발됨.
현직자로서 느끼는 카카오 복지는 매력적
칼퇴 후 가족과 제주바닷가에서 보내는 그 시간이 참 좋다
전직원에게 법인카드 제공하는데 승인시스템은 없음. 다만 사용내역 전부 내역이 공개되기에 자신이 판단해서 사용한다
3년근속하면 안식휴가(한달유급휴가+휴가비까지 지원)

냐하… 개좋다 진짜

On-demand 경제 : 생산자가 아닌 고객 결정 중심으로 서비스가 제공되는 체제의 총칭.
2017년부터 중요할 거라고 대두되는 중요한 개념으로 온라인 장터등을 통해수요자가 원하는 형태로 즉각 제공되는 경제 시스템이다
on-demand경제 = o2o + 공유경제
카카오택시 기획자분은 해당 서비스를 런칭하기 위해서 택시업체에 1년간 상주하면서 나오게 된 서비스이다.

서비스런칭은 생각보다 고된 직업이구나. 쉬울거라 생각해본적없지만 역시 쉬운 일은 없다

제주데이터허브 = 민간데이터(카카오) + 관공서데이터(제주도청) 으로 최초의 민관데이터허브

데이터사이언티스티 라는 직업군이 생길 것. : 빅데이터를 분석하는 직업

카카오 API : 유용하게 이용할 수 있음

개발시 자주 사용하는 언어 : 스칼라, 자바, 파이선(머신러닝시 주로 이용)

컴퓨팅사고(Unplugged coding) : 문제해결 능력을 키워주는 사고 ex) 땅콩잼 샌드위치 만들기

  • 신입은 총 7단계를 거쳐 정직원으로 선발 됨
    • 서류 > 코딩테스트 > 화상테스트 > 1차면접 > 임원면접 > 신입의경우 3개월의 인턴과정 후 현업평가 > 개발직군평가

저녁 강의 정리 : 부트스트랩

부트스트랩은 처음 배우는데 css와 되게 비슷하다.

좀더 공부하면 다른 점을 확실히 느끼겠지.

그래도 CSS공부하다가 부트스트랩 들으니까 뭔가 친숙한 느낌적인 느낌느낌!

부트스트랩은 CSS보다 덜 자유도를 가지고 사용하는 디자인 프로그램 같은 거다.

CSS를 잘 못 다루더라고 이렇게 예쁜 버튼을 만들수있다.

어떻게?

그냥 복붙해서 ㅋㅋㅋㅋ

먼저 아래 Bootstrap CSS 태크를 head태그 사이에 입력한다

1
2
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

그리고 원하는 링크를 가져와서 body태그 사이에 복붙한다

그럼 끝!

추가로 바디태그 닫기 바로 직전에 아래 js태크를 입력해주면 된다

1
2
3
4
5
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

신기하다!

부트스트랩을 쓰다가 너무 못생겼는데 싶으면 Semantic UI추천
부트스트랩의 생태계가 더 큼. 유료 템플릿을 이용하고자하면 부트스트랩을, 무료로 이용하고자하면 시맨틱유아이를 추천
시맨틱유아이를 추천하는 이유는 기본적으로 예쁘고 제공하는 것들
팁: 템플릿이 많다보니 구글링할때 best를 붙이면 편하다 ㅋㅋㅋ

  • 제이쿼리란? 자바스트립트에서 사용할 함수들을 미리 만들어놔서 거기서 바로 사용할 수 있는 라이브러리
  • 라이브러리란? 함수들을 미리 만들어 놓은 곳

시간이 촉박하여 실습위주로 빠르게 진행하였다
부트스트랩은 활용도 높을 듯 하다!