본문 바로가기

전체 글56

엘리스 SW 3기 1차 프로젝트 - 3~14일차 엘리스 SW 3기 1차 프로젝트 - 3~14일차 정신없이 코드만 치느라 미루고 미뤄뒀던 회고록,,,, sessionStorage는 저장소라고 하니 괜히 막막했는데 알고 보니 껌인 애였다. 뭐든 처음 보는 것에 긴장하는 습관을 버려야겠다. 막판에 메인 페이지에는 localStorage를 활용한 코너도 넣었다.daum 주소 검색 기능을 회원가입 폼에 붙여보았다. 외부 기술을 가져다 쓰는 거라 어떨지 겁이 났는데 내부에서 기능 구현을 하는 것보다 훨~씬 간편했다. 카카오페이 결제 기능도 넣어봤으면 하는 아쉬움이 남았다.장바구니 함수를 짜는데 계속 거르지 못하는 부분이 있고, 에러가 발생하는 곳이 있어 js 파일을 여러 번 갈아엎었다. 이렇게 복잡하게 엮인 페이지를 구현하기 전에 조직도 혹은 구상도를 미리 짜 .. 2022. 11. 14.
엘리스 SW 3기 1차 프로젝트 - 1~2일차 엘리스 SW 3기 1차 프로젝트 - 1~2일차 대주제가 쇼핑몰이었기에 뭘 팔지 결정하는 회의를 했다. 상품을 정하는 것에 대해서는 큰 이견 없이 뚝딱 정함.피그마(figma)를 사용해서 전체적인 틀을 잡고 명세?화 시켰다. 확실히 눈에 보여야 뭘 할지 뭘 해야 할지가 한눈에 들어온다.2일 차에는 만나서 회의+모각코 시간을 가졌다. 역시 회의도 만나서 하니 훨씬 빠르고 모각코 하면서 모르는 걸 바로 물어볼 수 있어서 좋다.엘리스 측에서 스켈레톤 코드를 제공해줬고, 그것을 바탕으로 코드 작업을 시작했다. 내가 제일 처음 맡은 페이지는 회원가입 페이지인데 스켈레톤 코드 중 제일 많은 코드가 들어있었기에 페이지 작업이 금방 끝났다.이제 내일 상품 상세 페이지 구현을 해볼까 하는데 얼마나 오래 걸릴지.. 벌써 두.. 2022. 11. 3.
엘리스 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.