I am Nanna

안끝날것 같던 42가 끝나간다 한 때는 내 정체성이었는데 보내려니 시원섭섭하다 글을 잘 못쓰는 편이지만 보내는 마음으로 회고를 적어본다:) 햇수로 3년이라 너무 길어질테니 시기를 5개로 나눠보았다. 1. 42의 시작 ~ 피신 2. 본과정 시작 3. CJ올리브네트웍스 기업 협력 프로젝트 4. 코로나+학교+인턴 5. 2년의 끝 그럼 하나씩 적어보자 1. 42의 시작 ~ 피신 휴학 때 뭐하지...하면서 인스타를 보다가 42서울이란게 시작한다는 글을 봤다. 지원금도 준다고 한다. 코딩 모르는데 아무튼 프로그래밍 교육이고 시험은 코딩이 아니랜다. 그래서 공강시간에 과방에서 열심히 테스트를 봤다. 다음날 이렇게 합격 소식이 왔다. 그런데 이미 피신 신청인원은 선착순 끝났고 나는 대기 80번이었나...?? 안되겠다 ..

// Q1. make a string out of an array { const fruits = ['apple', 'banana', 'orange']; const result = fruits.join(); console.log(result); // apple,banana,orange } // Q2. make an array out of a string { const fruits = '🍎, 🥝, 🍌, 🍒'; const result = fruits.split(','); console.log(result); // ["🍎", "🥝", "🍌", "🍒"] } // Q3. make this array look like this: [5, 4, 3,..

Array Declaration const arr1 = new Array(); const arr2 = [1, 2]; Index position const fruits = [&#39;apple&#39;, &#39;banana&#39;]; console.log(fruits[1]); // banana console.log(fruits[2]); // undefined Looping over an array for 사용 for (let i = 0; i < fruits.length ; i++) { console.log(fruits[i]); } for ... of 사용 for (let fruit of fruits) { console.log(fruit); } forEach 사용 fruits.forEach(functio..

Object 자바스크립트 타입의 일종 관련 있는 데이터나 함수의 묶음 { key: value } key와 value의 집합체 Literals and properties object literal const obj1 = {}; object constructor const obj2 = new Object(); 나중에 property 추가 가능 obj.plus = "+"; 나중에 property 삭제도 가능 delete obj.plus; 자바 스크립트는 동적 언어라 가능하다. Computed properties object안의 값을 접근하는 방법 console.log(me.name); // Computed properties console.log(me[&#39;name&#39;]); // key는 string..

Class (붕어빵 틀) template 선언 한 번 데이터가 들어있지 않음 Object (팥붕어빵, 크림붕어빵, 초코붕어빵...) class의 instance 여러번 생성 가능 데이터가 들어있음 자바스크립트에서 클래스 ES6에서 도입 프로토타입-베이스 기반으로 만들어짐 Class declarations class Person { constructor(name, age) { // fields this.name = name; this.age = age; } // methods speak() { console.log(`${this.name}: Hello!`); } } // ob const soo = new Person(&#39;hyun&#39;, 20); console.log(soo.name); consol..

Function 프로그램을 구성하는 기본적인 building block subprogram이라고도 하며 여러번 사용할 수 있다. 한 가지의 task나 값을 계산함 함수 선언 function name(param1, param2) {body... return;} 한 가지 함수는 한 가지 일만 naming은 doSomething, command, verb 형태 함수는 JS에서 object parameter랑 return의 타입 안 정해짐 → TS에서는 지정 매개변수(parameters) premitive parameters: 값으로 전달 값을 복사해서 사용 let a = 7; function plus(num) { num++; } console.log(a); plus(a); console.log(a); // 7..

8.1 함수 정의하기 함수 선언문 function sum(a, b) { return a + b; } 함수 리터럴 const sum = function(a, b) { return a + b; }; Function 생성자 const sum = new Function("a", "b", "a + b"); 화살표 함수 const sum = (a, b) => a + b; 중첩 함수(nested function) 특정 함수의 내부에 선언된 함수 if, while 등 문장 블록 안에서 작성 불가 외부 함수의 바깔에서 사용 불가 8.2 함수 호출하기 함수 호출 const s = sum(1, 3); 메서드 호출 obj.sum(1, 3); 생성자 호출 const obj = new Object(); call, apply를 사..

7.1 제어 구문 순차적 실행 흐름을 변화시키는 문장 7.2 조건문 if/else 문 switch 문 default 7.3 반복문 while 문 do/while 문 한 번 실행 후 마지막 부분에서 판단 for 문 for/in 문 객체 안의 프로퍼티를 순환 7.4 점프문 라벨문 자바스크립트에서는 모든 문장에 라벨을 붙일 수 있음 loop: while(true) { ... if(confirm("종료하시겠습니까?")) break loop; ... } break 문 switch나 반복문 안에서 사용 가장 안쪽에 있는 switch나 반복문에서 빠져나옴 라벨을 지정하면 라벨이 붙은 문장 끝으로 점프 라벨을 지정한 모든 문장에서 사용 가능 continue 문 반복문에서만 사용 반복문 실행을 멈추고 반복을 새로 시작 ..

6.1 대화상자 표시하기 대화상자는 모달(modal) 창 → 부모 창의 작업이 일시적으로 정지, 부모 창 조작할 수 없음 대화상자에서는 일반 텍스트만 표시 가능(줄 바꿈 문자는 이스케이프 시퀀스로 표현) window.을 빼고 호출 할 수 있음 1. alert alert("Hello World"); 2. prompt const name = prompt("What&#39;s your name?"); 초기값 지정할 수 있다. const name = prompt("What&#39;s your name?", "홍길동"); 입력 받은 문자열은 prompt의 반환값이 된다. 3. confirm const okay = confirm("삭제하시겠습니까?"); if (okay) { console.log("okay"); }..

맨날 찾아보는데도 안외워져서 포스팅을 해야겠다ㅠ 1. clone할 저장소에서 git init git init 2. sparseCheckout이 가능하도록 설정 git config core.sparseCheckout true 3. remote 추가 git remote add -f origin [git repo 주소] 4. clone할 하위 폴더를 지정 (ex. "srcs/main/blog" ) echo [클론할 하위 폴더] >> .git/info/sparse-checkout 5. git pull git pull origin master 출처: allo-ew.tistory.com/11