포트폴리오

저는 프론트엔드 신청을했고,

11월 20일날 강소영 온보딩 매니저님의 연락을 받고, 내일배움카드 자격요건에 대해 저에게 간략하게 물어보셨습니다.

지금 국민취업제도를 3년이내에 한적이있냐 했었어서 3년은 넘었지만

저는 2021년 초에 국비수업을 들었던 이력이있던터라

강소영 온보딩 매니저는 저에게 대놓고 자격요건이 안되겠는데요. 라고하시며 갑자기

"될지 안될지 모르겠다. 라고 말하시며 확인을 해보고 다시 연락주겠다고 말했습니다."

사전캠프 수업을 듣는동안에 카드신청하면되니까 스텍가입방법 및 고용 회원가입만 인증하시고, 나중에 확인후에 가입여건이 되는지 확인해보겠다.

카드신청이 될지안될지 모르겠네. 라고 하는 소리까지 정확하게 기억이납니다.

그리고 저는 지금에서야 안것은 내일배움카드신청한지5년까지 유효하다는것을 강소영매니저가 저에게 모욕을 퍼붓던 그날 당일날에

사이트에서 확인해서 알았습니다. 12월 4일날에요,

강소영 온보딩 매니저는 제가 내일바움카드신청해서 국비수업을 들었다는것을 년도수도 정확하게 제가 알려드렸음에도

카드발급이 되었다는 사실조차도 모르면서 저에게 모욕적인 말을 서슴없이 퍼부었던것입니다.

저는 강소영 온보딩 매니저의 애매모호한 발언을 믿었고, 알아보신다니까 바로 연락주시겠거니 해서 기다렸고, 사전캠프는 한달동안 진행이되는데,

수업들어가기전에 기초를 다지는거라 꼭 들으셔야한다 라고 설명해주셨어서 저도 꼭 들어야겠다생각하고 카드발급은 알아서해주시겠거니

별다른 문제가 없겠구나

생각하고 따지진않았습니다.

연락을 바로주시겠다해서 사전캠프때 참여했을때 사전캠프에서 뵜던 사전캠프 매니저님께서 카드발급 신청했냐고 물어보시길래

제가 사전캠프 매니저님께 대놓고 제가 자격 여건이 되는지 안되는지 모르겠어서 사전캠프에만 미리 참여했습니다. 라는 소리를 하기에는

이상하게 들릴거같아서 하지못하다가

2주동안 그 기억을 아예잊고 2주뒤에 즉 12월 4일날 강소영 온보딩 매니저는 기억이 났는지 시간이 다 지나고서야 전화를했습니다.

2주뒤에 저에게 카드발급이 왜 안됬냐며, 그게 지금 정상이냐며 따지며 화를냈습니다.

저는 물어보살ot를 6시30분까지 그때 하던상황던중에 끝무렵에

강소영 매니저께 전화를받은 상황이였습니다.

저는 2주간 있던일들을 거의 기억이안나는상황이였었고, 아 제가 가입신청한 캡처본만있따고 하니까

강소영 온보딩 매니저님은 이게 왜 여기에 있냐며 저에게 캡처잘못한거 아니냐며 따지다가 자기도 왜 이걸 봤는지 기억이 안난다고 했습니다.

본인이 그렇게 화가 났으면서 기억도 제대로 못하는게 어이가없어서, 제가 저번에 자격요건이 안될수도있다고 확인해보신다고 하시지않았냐 하니까

그건 000님이 하셔야죠 제가 그걸 왜 확인하나요? 카드발급못하세요?

카드발급신청만하면되는데 무슨소리냐며 이상하게 말을 돌렸습니다.

자격요건이안되서 카드발급이 안될수도있다고 본인입으로 말한기억을 전혀 기억을 못하시고 고용사이트에서 회원가입 캡처본만 보내란것도 기억도 못하는게 너무 황당합니다.

그래놓고 자기도 캡처본이 왜 회원가입내역만 보고 내가 왜 넘겼지 하고 아 이건 저도 확인을 잘 못해서 미안하네요 라고 하며 이상한 소리를 했습니다.

그래놓고 저보고 카드발급은 위에제가 스텍창에 올렸는데 그걸왜 모르냐면서 도리어 저에게 계속화를내다가

모욕적인 말을 한것입니다.

1️⃣ 논리형

• 논리형(boolean)은 참(true)과 거짓(false)을 나타내는 자료형입니다.

• 비교 연산은 결과로 논리형을 반환합니다.

const a = 5;
const b = 2;
console.log(a > b);

// 결과
true

const a = 5;
const b = 2;
console.log(a < b);

// 결과
false

⚠️ 여기서 잠깐!

• 결과를 변수에 담아서 사용할 수도 있습니다.

const a = 10;
const b = 5;

// a가 b보다 큰지 비교
const isAGreaterThanB = a > b; // true
console.log(isAGreaterThanB);

// 결과
true

• 14강에서 배울 조건문에서 활용할 수 있습니다.

const a = 10;
const b = 5;

const isAGreaterThanB = a > b; // true

// 조건에 따라 다른 동작 수행
if (isAGreaterThanB) {
  console.log('a는 b보다 큽니다.');
} else {
  console.log('a는 b보다 크지 않습니다.');
}

// 결과
a는 b보다 큽니다.

2️⃣ typeof 연산자

typeof operand;

• typeof 연산자는 피연산자의 자료형(데이터 타입)을 문자열로 반환합니다.

const str = 'JavaScript';
console.log(typeof str);

// 결과
string

const num = 5;
console.log(typeof num);

// 결과
number

const bool = true;
console.log(typeof bool);

// 결과
boolean

let undef; // 초기화 안 함
console.log(typeof undef);

// 결과
undefined

3️⃣ undefined와 null

• undefined와 null 모두 값이 없음을 나타내지만 구체적인 의미가 다릅니다.

undefined

• undefined는 아직 값이 할당된 적이 없음을 나타냅니다.

• 변수 선언 후 초기화하기 전에 시스템이 자동으로 할당하는 변수의 기본값입니다.

let foo;
console.log(foo); 

// 결과
undefined

console.log(typeof undefined); 

// 결과
undefined

null

• null은 ‘값이 없음’을 나타내기 위해 개발자가 명시적으로 할당하는 값입니다.

• ‘빈 값’ 또는 ‘유효하지 않은 값’을 설정할 때 사용합니다.

let bar = null;
console.log(bar);

// 결과
null

console.log(typeof null); 

// 결과
object

• null의 타입이 object로 표시되는 것은 언어 설계 초기의 버그 때문입니다.

• 변수의 값이 null인지 확인할 때는 일치 연산자( === )로 null과 같은지 명시적으로 확인합니다.

 undefined  : 변수를 선언하고 값을 지정하지 않았을 때 자동으로 부여 되는값.

null : 값이 없다.

undefined 값이 할당된적이 없다. 자동으로 지정

null : 자동으로 지정하는게 아니고, 값을 지우고 싶을때 사용, 의도적으로 매기는 값임

1️⃣ 숫자형

• 자바스크립트는 정수와 실수를 모두 같은 숫자형(number)으로 관리합니다.

• Infinity, -Infinity, NaN 같은 특수 숫자 값도 표현할 수 있습니다.

const num1 = 123;
const num2 = 12.345;

2️⃣ Infinity

• Infinity는 양의 무한대를, -Infinity는 음의 무한대를 의미합니다.

• 0을 제외한 숫자를 0으로 나누는 경우, Infinity 또는 -Infinity가 반환됩니다.

console.log(1 / 0);
console.log(-1 / 0);
console.log(Infinity);
console.log(1 / Infinity);

// 결과
Infinity
-Infinity
Infinity
0

3️⃣ NaN

• NaN은 Not a Number(숫자가 아님)를 의미합니다.

• 잘못된 산술 연산 또는 수학적으로 정의되지 않는 연산을 할 때 발생합니다.

• NaN을 포함한 연산은 항상 NaN을 반환합니다.

console.log('문자열' / 3);
console.log(NaN + 1);

// 결과
NaN
NaN

⚠️ 여기서 잠깐!

• 자바스크립트에서 0 / 0을 수행하면 NaN이 반환됩니다.

console.log(0 / 0);

// 결과
NaN

alert(1/0) ; 숫자를 0으로 나누는것은 숫자가 무한히 진행된다는뜻이다.

alert('문자열입니다'/3) : 문자열과 숫자를 나누면 어떻게 될까요?

1️⃣ 자바스크립트의 자료형

• 자바스크립트에는 기본 타입(primitive type)과 참조 타입(reference type)이 있습니다.

• 기본 타입은 가장 기본적인 값을 나타내며, 값이 직접 변수에 저장됩니다.

• 참조 타입은 값이 저장된 메모리의 참조(주소에 접근하는 방법)가 변수에 저장됩니다.

2️⃣ 기본 타입

문자열을 따옴표 (' ')로 감싸준다.

줄바꿈을 하는법 '' 작은 따옴표로 작성한 문자는 한줄로만 표현이 가능하다.

줄바꿈을 하는법은 `` 백틱을 사용해서 줄바꿈이 가능하다.

짝수와 홀수인것을 알아내는법은 어떠한 숫자에 2를 나누면 몫의 값이 0과 1이 나오면 짝수와 홀수가 구분이 가능하다.

num%2 == 0 코드를 써줄것이다.

const char*solution(int num){

if(num%2 ==0){

return = 'Even';

}else{

return = 'Odd'

}

}

size_t란?

size_t는 **"크기를 나타내는 숫자"**라는 뜻이에요.

1. 어디에서 주로 사용될까?
   • size_t는 보통 배열의 크기나 메모리 크기를 나타낼 때 사용돼요.
   • 예를 들어, 배열이 몇 개의 원소를 가지고 있는지, 또는 메모리에서 몇 바이트를 차지하는지와 같은 "크기"를 나타내는 데 사용돼요.
2. 왜 size_t를 사용할까?
   • size_t는 정수 타입 중에서 크기와 관련된 값을 다룰 때 사용하는 타입이에요.
   • size_t는 시스템에 맞는 크기의 부호 없는 정수(즉, 음수는 없고, 양수만 가능한 정수)로, 크기가 큰 값을 안전하게 처리할 수 있도록 설계되어 있어요.
   • 예를 들어, 32비트 시스템에서는 size_t가 4바이트로, 64비트 시스템에서는 size_t가 8바이트로 정의될 수 있어요
   •  
   •  
   • size_t 사용 예시:배열의 크기를 구할 때 size_t를 자주 사용해요. 예를 들어, 배열의 원소 개수를 구할 때:
3. 1. 배열 크기 구하기:

• sizeof(numbers)는 배열 numbers의 전체 크기(바이트)를 구해요.
• sizeof(numbers[0])는 배열의 첫 번째 원소(numbers[0])의 크기(바이트)를 구해요.
• sizeof(numbers) / sizeof(numbers[0])를 하면 배열의 원소 개수 즉, 배열의 길이를 구할 수 있어요.

이때 length를 size_t로 선언하는 이유는, 배열의 크기가 커지면 그 값을 저장할 수 있는 충분히 큰 정수 타입이 필요하기 때문이에요. size_t는 이러한 용도로 아주 잘 맞아요!

2. 반복문에서 인덱스 계산:

배열의 인덱스를 계산할 때 size_t를 사용하면 좋습니다. 왜냐하면 배열의 크기를 나타내는 값이 항상 size_t로 표현되기 때문이에요.

여기서 i를 size_t로 선언하는 이유는, numbers_len이 배열의 크기를 나타내는데 그 값이 size_t 타입이기 때문이에요. 그래서 i도 같은 타입으로 맞춰주는 거죠.

------------------------------------------------------------------------------------------------------------------------------

1️⃣ 주석

• 주석(comment)은 소스 코드 내에 작성된 설명문입니다.

• 주석으로 작성된 내용은 코드로 인식되지 않기 때문에 프로그램 실행에 영향을 주지 않습니다.

• 나중에 코드를 읽는 사람이 코드의 역할을 쉽게 이해할 수 있도록 돕습니다.

• 주로 코드의 목적, 동작, 논리, 사용 방법 등을 설명합니다.

• 주석이 잘 작성된 코드는 가독성이 높고, 유지보수가 용이합니다.

• 코드 작성자도 시간이 지나면 내용을 잊을 수 있기 때문에 주석을 작성하는 습관은 중요합니다.

• 자바스크립트는 두 가지 주석 기호를 가지고 있습니다.

• 한 줄의 주석을 작성할 경우, // 기호를 이용합니다.

• // 기호의 오른쪽 부분만 주석으로 처리됩니다.

// 이렇게 한 줄 주석이 가능합니다

• 여러 줄의 주석을 작성할 경우, /* */ 기호를 사용해서 주석 내용을 감쌉니다.

/* 해당 부호로 감싸면
이렇게 여러 줄의 주석을 
작성할 수 있어요 */

2️⃣ 세미콜론으로 문장 구분하기

• 세미콜론( ; )은 각 문장의 끝을 나타냅니다.

• 세미콜론을 찍지 않아도 대부분의 경우에는 실행에 문제가 없습니다.
  • 자바스크립트 엔진은 세미콜론을 자동으로 삽입하는 기능이 있습니다.
  • 세미콜론 자동 삽입이 항상 완벽하게 동작하지는 않으므로 직접 찍는 것을 권장합니다.

let example = '세미콜론이 있어요.';
let example2 = '세미콜론이 없어요.'

 들여쓰기

• 들여쓰기는 코드의 가독성을 높이는 중요한 요소입니다.

• 코드의 구조와 포함 관계를 명확하게 보여 줄 수 있습니다.

• 들여쓰기 여부는 코드 실행에 영향을 미치지 않지만, 적절한 들여쓰기를 하는 것을 권장합니다.

function indentTwo() {
  console.log('two'); // 스페이스 2칸으로 들여쓰기
}

function indentThree() {
   console.log('three'); // 스페이스 3칸으로 들여쓰기
}

function indentFour() {
    console.log('four'); // 스페이스 4칸으로 들여쓰기
}

function indentZero() {
console.log('zero'); // 들여쓰기 없음
}