Curriculum/AI웹개발자_내일배움캠프

Stoty 1. 코딩의 세계로 feat_(스파르타 내일배움캠프)

작은코딩 2021. 12. 13. 17:17

print('코딩의 세계로')

 

∇ 1일 차

  • 시작은 스파르타 내일배움캠프로

개발자가 된다는 상상과 엄청난 공부량 때문에 기대 반 걱정 반이었던 내일배움캠프가 드디어 시작했다. 

 

유튜브로 파이썬만 조금 배웠던(?) 나에게는 모든 게 다 생소하다. (블로그를 쓰는 내 말투도,,)

first = [게더, 슬랙, 노션, 파이참]

게더타운 첫 입장

 


 

  • 파이썬 문법기초 1주 차 100%

코딩을 처음 시작하면서 파이썬을 비롯한 수많은 프로그램 언어를 공부할 때마다 이걸 다 외워야 하나 걱정이 앞섰는데 튜터님이 해준 말 한마디가 걱정을 내려놓고 코딩을 즐길 수 있게 해 주었다.

 

외우지 말고 익숙해져라

 

머리 아프게 다 외우려 하지 말고 익숙해지고 필요하면 구글링을 하자!! (복붙은 부끄러운 게 아냐~)


-기초- 숫자열 / 문자열 / 변수 / 리스트 / 딕셔너리 / 조건문(if) / 반복문(for) / 함수 

-심화- 튜플 / 집합 / f-string / 예외처리(try - except) / 파일불러오기 / 한줄의 마법 / map, filter, lambda / 함수심화 / 클래스


기초 부분은 크게 어려운 건 없었다. 문법이 굉장히 직관적이라 어느정도 유추가 가능했으며, 문법적인 이유보다 콜론이나 괄호 실수로 오류가 뜰 때가 더 많았다. (그게 문법적인 오류인가..??)

그나마 난이도가 조금 있었던 건 딕셔너리,, 

구조 자체가 코딩을 처음 접하는 나에겐 생소했으며, 리스트와 함께 쓰일때는 이해 난이도가 더 상승했다.

(나중에 딕셔너리에 저장된 텍스트량이 많아지면 어떻게 관리할까?)

 

심화 부분은 너무나 당연하게도 이해하기 어려운 부분이 많았다. 

특히 한줄의 마법,

내가 줄줄이 써놓은 문장이 순식간에 한 문장으로 압축 되는 걸 보는 기분은 이제 겨우 웅덩이를 피했는데 앞에 강이 있는 느낌이랄까?

 

튜터님의 말씀대로 이런 게 있구나 하고 머리 한쪽에 저장을 해놨는데,, 아무래도 응용력은 형편없을 거 같다.

 

♪ 목표 ♪

1주 차 안에 파이썬 심화내용 익숙해지기 : 영상 반복시청, 문제풀이

 


 

  • 웹 프로그래밍 A-Z 기초 1주 차 64% 

-1주 차- HTML, CSS, JS / 로그인 페이지 만들기 / 폰트, 주석, 파일분리 / 부트스트랩 사용하기 / Quiz_포스팅 박스 완성하기 / Javascript 맛보기 / 숙제


파이썬은 유튜브 강의라도 봤었는데,, 웹은 완전 처음이라 걱정이 되었다.

그런데 이건 웬걸 Ctrl + c, Ctrl + v를 더 자주 쓰게 되고 결과물을 바로 확인하면서 작업하다 보니 파이썬보다 더 재밌게 공부할 수 있었다.

 

하지만, 혼자 진행하는 Quiz를 만나게 되니 숨겨왔던 문제가 드러났다. (그럼 그렇지,, 괜찮을 줄 알았어?)

부트스트랩 사용을 안 하거나 margin을 생각하지 못하는 등 응용과 적용에 있어 미숙한 점이 하나, 둘 튀어나왔다.

그래도 첫날이니 괜찮아.

오늘은 이것 하나만 기억하고 넘어가자.

Ctrl + Alt + L = 줄맞춤!!

 


 

  • 1일 차 공부 후기

같은 수업을 듣는 100명의 수강생들 중에 경력도 실력도 좋은 분들이 많아 자극을 받게 되었고, 게더에서 팀원들과 소통하며 공부하니 비대면으로 진행되는 교육과정이지만 12시간 이상 엉덩이로 공부할 수 있었음에 뿌듯한 하루였다.

 


 

학습 자료

 

  • 부트스트랩 시작 탬플릿 (파일을 새로 만들어서 다 지우고 복붙)
<!doctype html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>

<title>스파르타코딩클럽 | 부트스트랩 연습하기</title>
</head>

<body>
<h1>이걸로 시작해보죠!</h1>
</body>

</html>

 

  • 부트스트랩 컴포넌트 5.0 (부트스트랩 링크)

https://getbootstrap.com/docs/5.0/components/buttons/

 

Buttons

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

getbootstrap.com

 

  • 꿀팁 - 이모티콘 모음

https://kr.piliapp.com/facebook-symbols/

 

페이스 북 기호 : 웃는 기호, 이모티콘 기호, 이모티콘과 코드 목록

× 이모지 - 이모티콘 혹은 웃는 얼굴이라고도 불립니다. iOS와 Android는 기본적으로 845개의 이모티콘을 지원하고 있으며, 페이스북은 하트/사랑 기호, 별, 부호 및 동물 모양을 포함한 절반을 지원

kr.piliapp.com

 

  • 구글 폰트

https://fonts.google.com/?subset=korean 

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com