본문 바로가기

전체 글59

엘리스 SW 3기 1차 프로젝트 - 0일차 엘리스 SW 3기 1차 프로젝트 - 0일차엘리스에서 FE & BE 비율을 조절하여 팀을 배정해 주셨다.FE 3 / BE 2로 아름다운 비율이다.다들 나보다 경험도 많고 실력자 분들이다. 플젝에서 실력자와 함께한다는 것은 배울 수 있는 기회가 주어졌다는 것. 이제부터 깔린 먹이를 주워 먹는 것은 나의 몫이다. 벌써 오늘 회의에서 커밋 컨벤션과 PR이라는 개념을 배웠다. 기죽지 말고 힘내자!!제원님께서 먼저 팀장을 맡아주신다 하여 감사했다. 사다리 타기 할까요? 얘기 나왔을 때 기절할 뻔,,,!!! PR이 뭔지도 모르는 병아리에게 팀장이란 마치 에베레스트와 같이 느껴지는 것..ㅠㅠㅠㅠ팀 운영에 있어 필요한 포괄적인 룰을 정했다.프로젝트의 대주제는 쇼핑몰 구현이다. 세부적으로 어떤 쇼핑몰을 정할지는 월~화에 .. 2022. 10. 30.
[javascript] Error Error에러는 언제나 코드 곳곳에 도사리고 있다. 에러가 발생하지 않는 코드를 작성하는 것은 불가능하기에, 발생한 또는 발생할 에러에 대응하는 코드를 함께 작성해줘야 한다.console.log('시작');foo();// ReferenceError: foo is not defined// 강제 종료console.log('끝'); // 에러로 프로그램이 강제 종료되어 이 코드는 실행되지 않는다. 1. try catchtry ..catch (..finally) 문을 사용하여 프로그램이 강제 종료되지 않게 하고 코드를 실행시킬 수 있다.try { console.log('시작'); // 실행할 코드(에러 발생 여지가 있는 코드) //(1***1); // SyntaxError: Invalid or unexpect.. 2022. 10. 14.
[javascript] ES6 최신 문법 4 _ 구조 분해 할당 Destructuring assignment & 단축 평가 Short-circuit evaluation 구조 분해 할당 Destructuring assignment구조 분해 할당은 구조화된 배열과 같은 이터러블 또는 객체를 분해하여 1개 이상의 변수에 개별적으로 할당하는 것을 말한다. 배열 구조 분해 할당1) 우변은 반드시 이터러블이어야 한다. 할당의 기준이 인덱스가 되기 때문이다. 변수의 개수와 이터러블 요소의 개수가 가 일치할 필요는 없다.const arr = [1, 2, 3, 4];const [one, two, three] = arr;console.log(arr[0], arr[1], arr[2]); //1 2 3console.log(one, two, three); //1 2 3 2) 기본값을 넣어 사용할 수도 있다.const point = [1, 2];const [y, x, z = 0] = poi.. 2022. 10. 13.
제로베이스 프론트엔드 스쿨 후기 vs 엘리스 SW 트랙 후기 (+코드잇 후기) 에헴,,, 미루고 미루다가 엘리스 시작한 지 한 달이나 지나고 쓰는 글,,,,애초에 제로베이스 후기만 쓰려고 했는데,,, 엘리스 겪었으니까 엘리스도,,,,,** 주관적인 견해로 쓴 글입니다. 읽으시는 분의 생각과 다를 수 있습니다. 제가 가진 정보도 많지 않지만, 아무 정보도 없이 시작하시는 분들 중 단 한분에게라도 도움이 되고자 찌끄려봅니다. **1. 제로베이스 프론트엔드 스쿨 5기 / 7월~12월 6개월 과정 2022년 7월에 시작하여 9월 초까지 수강하고 드랍. 6월부터 신청을 받았는데 미리 신청한 사람에게는 프리 스쿨이라 하여 일부 강의가 미리 제공된다. 미리 제공되는 강의량이 꽤 되어 미리 신청할수록 좋다. (나는 모르고 시작 3일 전에 시작함,,,) 운영 방식: 제공되는 강의를 알아서 듣고, .. 2022. 10. 13.
[javascript] ES6 최신 문법 3 _ spread spread ...스프레드는 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만드는 문법이다. 스프레드 문법을 사용할 수 있는 대상은 이터러블에 한정된다.let arr = [1, 2, 3, 4];console.log(...arr); //1 2 3 4let a = { ...arr };let b = [...arr];console.log(a); //{ '0': 1, '1': 2, '2': 3, '3': 4 }console.log(b); //[ 1, 2, 3, 4 ]let arr1 = [2, 3, 4];let arr2 = [5, 6, 7];let merged = arr1.concat(arr2); //ES5에서 배열 합치기const newMerged = [...arr1, ...ar.. 2022. 10. 12.