코드스테이츠 Pre 35기 수료 후기

코드스테이츠는 부트캠프 형식의 코딩 교육으로 알고리즘은 물론 JS, HTML, CSS를 페어프로그래밍을 통해서 공부할 수가 있다.

나는 코드스테이츠를 2019년 10월에 수료를 했다.
Latte is horse, 코스가 총 2가지로 pre코스(기초과정)와 immersive코스(심화과정)으로 나뉘었었는데
이번에 다시 홈페이지를 방문하니 기존 코스를 하나로 통합하여 몰입과정만 운영하고 있었다.
멈춰있지않고 항상 나아가려고 노력하는 기업인 것 같다.

비전공자가 IT개발자로, 커리어전환기13

func(…arguments) 의미

자바스크립트에서 (…arguments)의 의미는 매개변수가 몇 개가 들어올 지 모르니 유동적으로 받겠다는 의미이다.
아래 예시를 보자.
이때 Add는 편의상 숫자를 더하는 함수이다.

비전공자가 IT개발자로, 커리어전환기12

1. git 순서 : 처음시작시

1. 원하는 폴더안으로 들어가기 : cd Documents
   • 꿀팁) cd do까지 입력한 뒤 tab치면 fullname폴더 찾아줌! 개이득!
2. 폴더안에 어떤 폴더가 있는 지 확인 : ls
3. 폴더만들기 : mkdir 폴더이름
4. 만든 폴더 안으로 이동 : cd 폴더이름
   • 주소에 맨 끝에 (master)로 지정되어있는지 꼭 확인!

비전공자가 IT개발자로, 커리어전환기11

콜백함수실행, Blocking VS non-blocking, 배열.indexOf(value), Number.toFixed(숫자), 탬플릿태그

비전공자가 IT개발자로, 커리어전환기10

DOM : JS에서 자식태그만들기, .append와 .appendChild의 차이점, innerHTML

우연한 기회에 친한 언니에게 내가 만든 블로그를 소개해주려고 모바일로 접속했다(자랑할라고ㅋㅋㅋ)
이거 봐라~하면서 의기양양하게 클릭했는데
아니?! 코드의 왼쪽 부분이 다 짤려서 보이지 않았다.

비전공자가 IT개발자로, 커리어전환기9

CSS기초: block과 inline, inline-block의 차이, border-box, postion

1. block과 inline, inline-block의 차이

• block은 <div>태그처럼 한 줄을 다 차지하는 요소
• inline과 inline-block은 <span>태그처럼 딱 콘텐츠 공간만을 차지하는 요소
• 그 중 inline은 높이height를 가질 수 없다.
• inline-block은 높이height를 가질 수 있다.

그림이 이해가 쉬우니까 구글링해보았다

비전공자가 IT개발자로, 커리어전환기8

HTML기초: div와 span의 차이, 새탭에서 링크열기

1. 먼저 div VS span 태그의 차이점

1
2
3
4
5

div 태그는 한 줄을 차지한다
<div>division</div>

span태그는 컨텐츠 크기만큼 공간을 차지한다
<span>요~~~만큼span</span>

비전공자가 IT개발자로, 커리어전환기7

코드스테이츠 이머시브코스의 질문과 솔직한 답변하기

오늘은 이머시브코스와 관련해서 질의응답시간이 있었다
바로 참석해서 이때까지 궁금했던 것들을 물어보았다
이머시브코스의 비용이 궁금하다면 클릭
다양한 결제방식이 있어서 딱 얼마다라고 말하기가 어렵다.
나는 대략적으로 2년에 900만원(월40만원정도)이라고 생각하고 있다.

비전공자가 IT개발자로, 커리어전환기6

new Array(), Array.join()의 차이

자바스크립트 알고리즘을 눈물로 끝내고 나서…(다시보면 풀지못하는 문제가 너무 많다)
드디어 코언즈시작한다.
코언즈는 까리한 프로그램을 이용하여 제출해야하는 과제인데, git bash와 Visual Studio Code이다.
둘 다 제코베에서 건들여본적이 있어서 어떻게 사용하는 지 대충…정말 대강 조금 알고 있다
코언즈가 자바스크립트 알고리즘보다 더 쉽게 느껴진다.
왜냐면 콘솔로그 찍으면 바로 답이 나오니까!

비전공자가 IT개발자로, 커리어전환기5

쌩초보를 위한 콘솔로그 찍는 방법과 디버깅하는 방법

코플릿문제를 풀다보면 도대체 어디서 잘못되었는지 궁금할 때가 있다.
그때 아주 유용하게 사용할 수 있는 것이 바로 console.log 찍기이다.