구문(Statements)

if

if, else 키워드를 사용해 구문을 작성할 수 있습니다.

if (조건) {
  // 조건이 참일 때 실행될 코드
}

if (조건) {
  // 조건이 참일 때 실행될 코드
} else {
  // 조건이 거짓일 때 실행될 코드
}

if (조건1) {
  // 조건1이 참일 때 실행될 코드
} else if (조건2) {
  // 조건2가 참일 때 실행될 코드
} else if (조건3) {
  // 조건3이 참일 때 실행될 코드
} else {
  // 모든 조건이 거짓일 때 실행될 코드
}

If

function isPositive(number) {
  if (number > 0) {
    return '양수'
  }
}

console.log(isPositive(1)) // '양수'
console.log(isPositive(10)) // '양수'
console.log(isPositive(-2)) // undefined

If else

function isPositive(number) {
  if (number > 0) {
    return '양수'
  } else {
    return '음수'
  }
}

console.log(isPositive(1)) // '양수'
console.log(isPositive(10)) // '양수'
console.log(isPositive(-2)) // '음수'

If else if

function isPositive(number) {
  if (number > 0) {
    return '양수'
  } else if (number < 0) {
    return '음수'
  } else {
    return '0'
  }
}

console.log(isPositive(1)) // '양수'
console.log(isPositive(10)) // '양수'
console.log(isPositive(-2)) // '음수'
console.log(isPositive(0)) // '0'

switch

switch, case, break, default 키워드를 사용해 구문을 작성할 수 있습니다.
break 키워드는 Switch 조건문을 종료합니다.

switch (조건) {
  case 값1:
    // 조건이 '값1'일 때 실행
    break
  case 값2:
    // 조건이 '값2'일 때 실행
    break
  default:
    // 조건이 '값1'도 '값2'도 아닐 때 실행
}

function price(fruit) {
  switch (fruit) {
    case 'Apple':
      return 1000
    case 'Banana':
      return 1500
    case 'Cherry':
      return 2000
    default:
      return 0
  }
}

console.log(price('Apple')) // 1000
console.log(price('Cherry')) // 2000
console.log(price('Hello')) // 0

Switch 조건문은 If 조건문으로 대체할 수 있습니다.

function price(fruit) {
  if (fruit === 'Apple') {
    return 1000
  } else if (fruit === 'Banana') {
    return 1500
  } else if (fruit === 'Cherry') {
    return 2000
  } else {
    return 0
  }
}

for

for (초기화; 조건; 증감) {
  // 실행 코드
}

for (let i = 0; i < 10; i += 1) {
  console.log(i)
}
// 0
// 1
// 2
// ...
// 9

break

break 키워드가 실행되면, 전체 반복을 종료합니다.

for (let i = 0; i < 10; i += 1) {
  if (i > 5) {
    break
  }
  console.log(i)
}
// 0
// 1
// 2
// 3
// 4
// 5

continue

continue 키워드가 실행되면, 현재 반복을 종료하고 다음 반복으로 넘어갑니다.

for (let i = 0; i < 10; i += 1) {
  if (i % 2 === 0) {
    continue
  }
  console.log(i)
}
// 1
// 3
// 5
// 7
// 9

for of

Iterable object(반복 가능한 객체)를 반복.
Array, Map, Set, String, TypedArray 등..

const users = [
  {
    name: 'Heropy',
    age: 85
  },
  {
    name: 'Neo',
    age: 22
  },
  {
    name: 'Lewis',
    age: 34
  }
]

for (const user of users) {
  console.log(user)
}
// { name: 'Heropy', age: 85 }
// { name: 'Neo', age: 22 }
// { name: 'Lewis', age: 34 }

for in

객체 데이터를 반복.

const user = {
  name: 'Heropy',
  age: 85,
  isValid: true,
  email: 'thesecon@gmail.com'
}

for (const key in user) {
  console.log(key, user[key])
}
// name Heropy
// age 85
// isValid true
// email thesecon@gmail.com

while

조건이 참인 동안 반복 실행합니다.

while (조건) {
  // 
}

let n = 0
while (n < 4) {
  console.log(n)
  n += 1
}
// 0
// 1
// 2
// 3

do while

조건이 참인 동안 반복 실행합니다.

do {

} while (조건)

let n = 0
do {
  console.log(n)
  n += 1
} while (n < 4)
// 0
// 1
// 2
// 3

do 구문이 실행된 후 조건이 평가되기 때문에 조건이 거짓이라도 한 번은 실행됩니다.

let n = 0
do {
  console.log(n)
  n += 1
} while (false)
// 0

변수

var

• 함수 레벨 유효범위(Function-level scope)
• 재할당 가능
• 중복 선언 가능
• 호이스팅 가능
• 전역 선언시 전역 객체의 속성으로 등록 가능

호이스팅(Hoisting)이란, 특정 선언이 유효한 범위의 최상단으로 끌어올려져 선언되는 것을 말합니다.

function fn() {
  console.log(n) // undefined
  if (true) {
    var n = 123
    n = 456
    console.log(n) // 456
    var n = 'ABC'
  }
  console.log(n) // 'ABC'
}
fn()

console.log(n) // ReferenceError!

var xyz = 'XYZ'
console.log(window.xyz) // 'XYZ'

const

• 블록 레벨 유효범위(Block-level scope)
• 재할당 불가능
• 중복 선언 불가능
• 호이스팅 불가능
• 전역 선언시 전역 객체의 속성으로 등록 불가능

function fn() {
  console.log(n) // ReferenceError!
  if (true) {
    const n = 123
    n = 456 // TypeError!
    console.log(n) // 123
    const n = 'ABC' // SyntaxError!
  }
  console.log(n) // ReferenceError!
}
fn()

console.log(n) // ReferenceError!

const xyz = 'XYZ'
console.log(window.xyz) // undefined

let

• 블록 레벨 유효범위(Block-level scope)
• 재할당 가능
• 중복 선언 불가능
• 호이스팅 불가능
• 전역 선언시 전역 객체의 속성으로 등록 불가능

function fn() {
  console.log(n) // ReferenceError!
  if (true) {
    let n = 123
    n = 456
    console.log(n) // 456
    let n = 'ABC' // SyntaxError!
  }
  console.log(n) // ReferenceError!
}
fn()

console.log(n) // ReferenceError!

let xyz = 'XYZ'
console.log(window.xyz) // undefined

자바스크립트 형 변환

형 변환

함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환된다. 이런 과정을 형변환(type conversion)이라고 한다.

동등 연산자(==)는 두 피연산자의 값이 서로 같으면 참, true를 반환한다. 이때 두 피연산자의 타입이 서로 다르면, 비교를 위해 강제로 형변환이 일어난다. 하지만 일치 연산자(===)는 타입의 변환 없이 두 피연산자의 값이 같고, 타입도 같아야만 참, true을 반환한다.

일치 연산자(===)는 값의 메모리 주소를 비교한다.

const a = 1
const b = '1'

console.log(a === b) // false
console.log(a == b) // true

다음 코드는 전부 true이다.

123 == '123'
0 == false
1 == true
'  ' == false

다음 코드는 전부 false이다.

123 === '123'
0 === false
1 === true
'  ' === false

자바스크립트 자료형 확인

1. typeof DATA

가장 간단한 방법이지만 array와 null이 object로 나온다.

// typeof DATA
console.log(typeof data.string) // 'string'
console.log(typeof data.number) // 'number'
console.log(typeof data.boolean) // 'boolean'
console.log(typeof data.null) // 'object'
console.log(typeof data.undefined) // 'undefined'
console.log(typeof data.symbol) // 'symbol'
console.log(typeof data.bigint) // 'bigint'
console.log(typeof data.array) // 'object'
console.log(typeof data.object) // 'object'
console.log(typeof data.function) // 'function'

2. DATA.constructor

constructor은 null과 undefined가 TypeError가 나온다.

// DATA.constructor
console.log(data.string.constructor === String)
console.log(data.number.constructor === Number)
console.log(data.boolean.constructor === Boolean)
console.log(data.null.constructor) // TypeError!
console.log(data.undefined.constructor) // TypeError!
console.log(data.symbol.constructor === Symbol)
console.log(data.bigint.constructor === BigInt)
console.log(data.array.constructor === Array)
console.log(data.object.constructor === Object)
console.log(data.function.constructor === Function)

3. Object.prototype.toString.call(DATA)

복잡한 방법이지만 가장 정확하다.

// Object.prototype.toString.call(DATA) 
// '[object TYPE]'
function checkType(d) {
  return Object.prototype.toString.call(d).slice(8, -1)
}
console.log(checkType(data.string)) // 'String'
console.log(checkType(data.number)) // 'Number'
console.log(checkType(data.boolean)) // 'Boolean'
console.log(checkType(data.null)) // 'Null'
console.log(checkType(data.undefined)) // 'Undefined'
console.log(checkType(data.symbol)) // 'Symbol'
console.log(checkType(data.bigint)) // 'BigInt'
console.log(checkType(data.array)) // 'Array'
console.log(checkType(data.object)) // 'Object'
console.log(checkType(data.function)) // 'Function'

자바스크립트 Truthy & Falsy

Truthy(참 같은 값)

문맥에서 true로 평가되는 값이다. 다음은 모두 Truthy이다.

if(true)
if({})
if ([])
if (42)
if ('0')
if ('false')
if (new Date())
if (-42)
if (12n)
if (3.14)
if (-3.14)
if (Infinity)
if (-Infinity)

Falsy(거짓 같은 값) 문맥에서 false로 평가되는 값이다. 다음은 모두 Falsy이다.

if (false)
if (null)
if (undefined)
if (0)
if (-0)
if (NaN) // Not a Number
if (0n)  // n은 bigint를 상징
if ('') // ''은 공백

Falsy 값은 총 8가지만 있다.

자바스크립트 참조형

1. 배열

다음 예제의 Apple이나 Banana같은 데이터를 배열의 아이템(item) 혹은 요소(Element)라고 부른다.

let fruits

// 생성자
fruits = new Array('Apple', 'Banana', 'Cherry')

// 리터럴
fruits = ['Apple', 'Banana', 'Cherry']

// 배열의 아이템 인덱싱
console.log(fruits[1]) // 'Banana'

// 배열의 길이
console.log(fruits.length) // 3

// 첫 번째 아이템 인덱싱
console.log(fruits[0]) // 'Apple'

// 마지막 아이템 인덱싱
console.log(fruits[fruits.length - 1]) // 'Cherry'

// 마지막 아이템 인덱싱 오류
console.log(fruits[-1]) // undefined

2. 객체

key:value(속성:값) 형태로 더 복잡한 데이터 구조를 나타낼 때 사용합니다.

let user

// 생성자1
user = new Object()
user.name = 'wooseongjeon'
user.age = 28

// 생성자2
function User() {
  this.name = 'wooseongjeon'
  this.age = 28
}
user = new User()

// 리터럴
user = {
  name: 'wooseongjeon',
  age: 28
}

console.log(user.name) // 'wooseongjeon'
console.log(user.age) // 28

점 표기법과 대괄호 표기법 객체의 멤버(속성과 메소드)를 점 표기법(Dot notation)과 대괄호 표기법(Bracket notation) 두가지로 표현 할 수 있다.

const user = {
  name: 'wooseongjeon',
  age: 28
}

// 점 표기법
console.log(user.name) // 'wooseongjeon'
console.log(user.age) // 28

// 대괄호 표기법
console.log(user['name']) // 'wooseongjeon'
console.log(user['age']) // 28

점 표기법과 대괄호 표기법은 체이닝으로 작성 할 수 있습니다.

const userA = {
  name: 'wooseongjeon',
  age: 28
}
const userB = {
  name: 'cherry',
  age: 8,
  parent: userA
}

console.log(userB.parent.name) // 점 표기법 // wooseongjeon // userB의 부모의 이름
console.log(userB['parent']['name']) // 대괄호 표기법 // wooseongjeon // userB의 부모의 이름

속성 삭제 (delete)

const user = {
  name: 'wooseongjeon',
  age: 28
}

delete user.age

console.log(user) // { name: 'wooseongjeon' }

3. 함수

자바스크립트에서 함수(function)는 1급 객체(First-class object)로, 하나의 값으로 변수나 인수 혹은 반환이 가능하다.

function x() {
  return 123
}

console.log(typeof x) // function // x 자체의 타입
console.log(typeof x()) // number // x가 작동된 결과값의 타입

console.log(x) // f x() { return 123 } // x자체
console.log(x()) // 123                // x작동 결과값

const a = function () {
  console.log('Hi!')
}
const b = function (c) {
  console.log(c)
  c()
}
b(a)

ƒ () {
  console.log('Aa!')
}
Aa!

원시형

1. 문자

문자(string)은 따옴표를 사용한다.

const st1 = "wooseong"
const st2 = 'jeon'

// 템플릿 리터럴(보간 가능)
const str3 = `Good ${str2}`
console.log(str3) // `Good jeon`

탬플릿 리터럴이란? 내장된 표현식을 허용하는 문자열 리터럴, 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있다.

따옴표는 총 3종류!

• 큰 따옴표 : "하이"
• 작은 따옴표 : '하이'
• 백틱(그레이브) : `하이`

2. 숫자

숫자(number)은 정수 및 부동소수점 숫자(floating point number)를 나타낸다..

const n1 = 123
const n2 = 12.345

숫자가 아닌 숫자 NaN (Not-a-Number)은 숫자가 아닌 숫자를 나타낸다.

const str = 'Hello World'
console.log(Number(str)) // NaN

const num = '123'
console.log(num + undefined) // NaN

부동 소수점 오류 및 해결

컴퓨터로 숫자를 표현하는 한계로 10진수로 표현되는 소수를 2진수로 표현하려면 간혹 무한소수가 발생한다. 이를 유한하게 표현할 때 세부 값의 초과 및 손실로 계산 오류가 발생한다.

• 숫자.toFixed(자릿수) : 숫자를 고정 소수점 표기(자릿수)로 반환(문자)합니다.
• parseFloat(값) : 주어진 값을 파싱해서 부동소수점 실수로 반환(숫자)합니다.

const a = 0.1
const b = 0.2

a + b // 0.30000000000000004
parselFloat((a + b).toFixed(1)) // 0.3

3. 불린

불린(boolean)은 ture 와 false 두가지 값인 논리 데이터입니다.

let a = true
let b = false

4. Null

존재하지 않는(nothing), 비어 있는(empty), 알 수 없는(unknown) 값을 명시적으로 나타냅니다.

5. Undefined

'값이 할당되지 않은 상태'를 나타낼 때 사용합니다. 변수는 선언했지만, 값을 할당하지 않았다면 해당 변수에 undefined 가 자동으로 할당됩니다.

let age
alert(age) // undefined

const user = {
    name: 'wooseong',
    age: 28
}

console.log(user.name)
console.log(user.age)
console.log(user.email) // undefined
console.log(user.abc) // undefined
console.log(user.xyz) // undefined

새해부터 싱글벙글

새해가 오고 패캠 메가바이트 스쿨 4기 4주차가 되었습니다~ 기술 블로그로 만든 블로그이지만 프로그래밍 관련 블로그로 만든 블로그이지만 개인 사담 일상글 올리는 제 네이버 블로그처럼 되어 버린거 같다...

아침 운동을 하고 정신없이 준비 어쩌다보니 그룹 리더가 되어 신경쓸게 너무 많습니다 ㅠㅠ 게다가 월요일 시작부터 그룹내에서 몇분의 의견이 사이드 프로젝트하려고 모인 그룹인데 그룹스터디 2주차인 현시점에 우리는 아무것도 한게없고 방향도 못 잡고 있다며 극단적으로가면 조를 나가서 다른조로 가거나 아니면 조하나를 만들어야겠다 하셔서 1시간 반을 거진 회의했네요 ㅠㅠ 저희 조는 이미 관련 직에서 일하시는 분들과 직장다니시면서 들으시는 분들 3분과 직장을 얻기위해 시작하는 분들 3명(저 포함!)인데 내부에서 벌써 갈등이 생기네요. 협업이란 이런 것 인가... 물론 저는 이제 갓 시작한 따땃한 신입이라 뭐를 제시하시던 저는 부리나케 따라가는 입장이라 뒤에 한발 물러나있지만... 의견 제시하신 두분(빠르게 방향을 잡고 뭐라도 해야한다 주장) 입장이 이해가 됩니다.

어찌됬건 여유롭게 블로그 글 쓸 시간도 없네요... 하지만 패캠에서 블로그 글 써야 한다 하셔서 후하... 이만 글 올리고 갑니다... 여유가 생기면 기술글 올리는걸로...

어느정도 보면서 하고 있지만 거진 내마음대로 하고 있다. 카카오 엔터프라이즈는 왜인지는 모르겠지만 모든 글자를 span태그 안에 쓴다. 글자가 명확히 인라인요소 라는 것을 표현하는 것 인지 모르겠지만... 어디에 쓰던 무조건 span태그 안에 들어간다. 근데 나는 뭐 이유를 알면 똑같이 하겠지만 모르니 나는 안쓴다.

CSS중인데 자꾸 놓친게 보여 다시 HTML로 회귀한다... 정신이 없다. 정신이... 오늘 내일내로 최대한 css를 끝내고 목요일 즈음에 javascript를 좀 건드려봐야겠다.

이 글은 급하게 쓰는 글이므로 정제된 글이 아닙니다~🍖

git과 github

1주차 솔직히 HTML과 CSS 먼저 가르칠 줄 알았지만 생각지도 못한 git과 github를 배웠다. git과 github 독학으로 하다가 정신이 없어 잠시 뒤로 하고 다른걸 공부 하고 있었는데 역시 고수는 다르다. 머리에 쏙쏙 들어왔다... 최우영 강사님이 가르쳐준 git과 github는 정말 좋았다. 1주차부터 만족이다. git과 github를 알아야한다는 것은 알고 있었지만 왜 그런지 이유를 정확이 모르고 있었는데 배우고나니 이유를 명확히 알게 되었다. 개발블로그를 하는 것보다 github에 일일 일커밋을 올리는게 오히려 좋아 보인다. (물론 사람마다 다를 것이다. 둘다 하면 더 좋다. 다다익선) 복습 및 인터넷 강의 시간도 따로 줘서 좋았다. 아무래도 비전공자이다 보니 좀 따라가기 힘든 부분이 있는데 그 부분을 복습 시간에 매꾸고 있다.

아이스브레이킹 2조

처음에 이게 뭔가 했다. 모두 zep에서 만나 조가 나누어지고 나는 2조가 되었다. 비대면으로 하는 수업이다보니 서로 어색함을 덜어내기위해 하는 짤막한 OT?같은 것 이였다. 2조는 솔직히 처음엔 상당히 조용했다. MBTI가 다 I라 그런가... 하지만 다른 조는 어떤지 모르겠지만 점점 시간이 갈수록 뭔가 화목?한 분위기가 되었다. 1주일 밖에 안된 조이지만 1주일동안 나름 연습과 협업을 해보며 주말미션을 따로 조원끼리 만들어 github에 올려보았다. 복잡하고 일도 많았지만 나름 잘 만들어 올린 것 같다.😁 2주차부터는 그룹 스터디로 조가 모두 바뀌지만 다들 좋은 그룹원 만나서 잘 하시길 빈다.

github와 velog

https://velog.io/@woos_94 http://github.com/wooseongjeon

velog와 github 계정을 만들었다. 강사님의 이야기와 커리어서비스 세미나를 들어보니 나와 같은 비전공자에 무경력자에게는 이 둘은 필수인 것 같다. 이력서에 쓸 한줄이 늘어난다는 것은 그만큼 내가 입사할 회사에 뭔갈 더 보여주는 것이니, 또한 내가 이만큼 노력하고 있다 어필하기 좋은 둘이다. 일일 일커밋과 TIL(Today I Learn) 또는 WIL(Weekly I Learn)을 통해 나의 꾸준함과 프로그램에 대한 열정을 보여줄 것 이다. 화이팅~😆

짧은 velog 시작 후기...

1. velog는 신기하다.
2. velog는 html 파일 짜는거 같다.
3. velog는 단순한데 깔끔하다.
4. velog는 개발자에게 좋은 블로그 같다.
5. velog는 재미있을듯 하다.

패스트캠퍼스 메가바이트 스쿨 시작

12월 5일 내 생일이였다. 12월 추워지기 시작하던 시기 k-digital leaning을 알고 두 곳을 신청하여 (두 곳 모두 프론트엔드) 오매불망 합격 소식을 기다리고 있었지만 신청한 코드스테이츠는 불합격... 생일날 혼자 기념으로 '시현하다'를 촬영하고 카페를 갔다가 따땃한 커피를 마시고 조용히 예약한 머리를 하러 강남으로 갔다. 솔직히 마음을 비우고 있었어서 합격통보 시간을 신경 쓰지 못해 멍때리며 지하철을 타던 도중 모르는 번호로 온 전화를 받았다. 패스트캠퍼스 메가바이트스쿨 합격 전화였다. 그렇게 시작되었다...

나는 국비 학원 경험자

나는 국비학원 경험자이다. 지금 말하자면 솔직히 국비학원은 상당히 안 좋은 기억이다. 나는 코딩을 시작했을 때부터 프론트엔드 개발자가 되고 싶었다. 그래서 프론트엔드 국비학원을 찾아 상담을 받고 시작했지만 내가 들은 학원 강의는 퍼블리셔 강의였다. 정말 당황하고 화가 났던 부분이다. 이걸 깨달았었을 때는 이미 너무 늦었다. 유예기간인 일주일이 이미 지났기 때문이다. 그렇게 난 듣기 싫은 일러스트레이트와 포토샵을 강제로 들어야했다. 이것만으로 끝나면 솔직히 다행이다. 그러나 정말 나에게 중요했던 코딩 강의 또한 엉망이였다. 거진 4-5개월이란 시간동안 클론 코딩만 한거 같다... JavaScript는 거진 다 복사 붙여넣기... 엉망이였다.

2022년 상반기는 내 인생 최악의 슬럼프였다.

슬럼프는 안개와 같다. 정신 차리지 않는다면 눈 깜박하는 사이에 날 감싸고 있을 것이다. 아무 것도 안 보이는 안개속을 해매는 것 어디로 가야되는지 모르고 해매는 것 그러다 주저앉게 되는 것

슬럼프는 천천히 다가 왔다. 아니 사실 이미 왔는데 내가 몰랐던 것인가. 의욕없이 듣는 강의는 점점 듣기 싫어졌고 점점 부정적인 생각이 들었다. 아무것도 하고 싶지 않았다. 그렇게 스트레스를 받고 나는 69kg에서 89kg가 되었다. 20kg나 쩠다. 그리고 그쯤 국비학원 커리큘럼이 끝났다. 건강이 안 좋아진 신호가 몸에서 왔다. 소화불량, 역류성 식도염, 지방간, 고지혈증 심지어 조기 우울증 진단도 받았다. 최악이였다.

극복과 복귀

본인이 우울증이라 하는 사람들은 그냥 우울하게 사는 사람이다.

아이러니하게 최악에 상황에 깨닫는다 했던가. 유투브에서 어떤 남자가 하는 이야기 영상을 봤다. "본인이 우울증이라 하는 사람들은 그냥 우울하게 사는 사람이다." "우울증은 없다." 맞다, 솔직히 검사를 받으면서 내가 우울증이라는게 웃겼다. 난 그런거 없는 사람이였다. 29년동안 그냥 내가 우울하게 지냈다. 하나씩 바꾸기 시작했다. 그만두었던 운동을 다시 시작했다. 처음 한달은 하루나가고 한달내내 안 나갔다. 하지만 처음이 힘들다 했다. 지금 3개월째 휴일로 지정한 일요일 빼고 주6일 운동중이다. 7kg이 빠졌다. 그리운 친구들을 모두 만났다. 국비학원을 다니는 동안 공부 핑계로 사람들을 안 만났지만 지금은 찾아가서라도 만난다. 주말에 알바를 시작했다. 카페 알바였는데 사실상 음식점에 가깝다. 좋은 사람들을 만났다. 그 사람들은 지금 그만뒀지만 아직도 연락하고 가끔 모여 만난다. 연말에도 모여 술을 마셨다. 내가 스스로 주최하여 고등학교 동창 송년회도 하였다. 지금 드는 생각은 이렇다. "우울하게 살지마라"

패스트캠퍼스 메가바이트스쿨 일주일 후기

국비학원 5개월 배운거 보다 메가바이트스쿨에서 일주일 배운게 더 크다.

사설이 길었다. 나는 지금 상당히 만족한다. 솔직히 일주일도 안됬다. 시작한지 프론트엔드 4기 12월 12일에 시작하였다. 판단하기에는 일주일은 매우 짧을 수도 있지만 난 솔직히 좋다. git과 github만 현재 배웠지만 나는 처음 알았다 이렇게 좋은게 있다니... 나는 국비학원에서 무슨 파일질라에 업로드해 포트폴리오 올렸었다. 그에 비하면 git과 github는 무슨 외계인 기술이다. 6개월이 남았다. 계속해서 후기와 TIL과 WIL을 올릴 생각이다. 정말 포기할까도 생각했었지만 지금처럼 뭔가를 하고 싶고 집중이 되는 시기가 인생에서 처음인거 같다. 나는 잘 될 것이다.