지코딩

자바스크립트: 프로토타입 객체 기반의 함수형 동적 타입 스크립트 1. 객체(Object) - 한 개 이상의 데이터를 담을 수 있는 자료형 (원시타입은 한 개의 데이터) - 키: 값으로 구분된 프로퍼티를 중괄호 안에 담고 있다. - 객체 지향 프로그래밍: 사물, 개념 등 실물로 존재하는 모든 것을 프로그래밍에서 사용하기 위해 핵심 내용이나 기능만 추상화해 정의하는 프로그래밍 패러다임, 인간이 사물을 인지하는 방식을 프로그래밍에 접목하기 위한 방법 //구기종목: //공을 가지고 한다. //점수로 경쟁한다. let ballGame = new Object(); //새로운 객체를 생성하는 객체 생성자 함수 사용 ballGame = { // 중괄호를 사용하는 객체 리터럴 문법 ball: true, score: tr..

드디어 첫 면접을 봤다 운이 좋게 면접보려는 회사와 연관된 분야에서 일한 경험이 있었다. 쉽게 오지 않는 면접기회였는데 첫 면접이기도 하고 준비가 많이 부족해 아쉬움이 남는 면접이었다. 면접관으로 참여하신 분은 총 4명으로 프론트엔드 개발팀 모두와 ceo님이 함께 하셨다. 다행히 대답을 못하거나 긴장해서 버벅거려도 좋은 분위기를 만들어주려고 하셔서 면접 분위기는 생각했던 것 보다 좋았지만, 역시 문제는 면접을 못 봤다는데 있었다. 그래도 다음 면접을 위해 질문 내용을 기록해야겠다. 질문: 프로젝트 어려웠던 점 어떻게 해결했나 깃, 프리티어, 커밋 컨벤션 Aws s3 ec2 리액트 리덕스 리덕스 툴킷 상태관리 리덕스 왜? 드릴링해봤나? 어떻게 공부하는지 타입스크립트 이벤트루프 호이스팅 궁금한점 바라는 회사..

보호되어 있는 글입니다.

url에서 확인할 수 있는 http/https는 서버와 클라이언트가 어떤 방식으로 통신할 것인지 말해주는 protocol(규칙)의 종류 1. http - HyperText Transfer Protocol의 약자로 하이퍼텍스트를 전송하기 위한 규칙이다. - 하이퍼텍스트? 기존 텍스트(책, 신문 등)의 개념을 뛰어넘은 비선형적인 텍스트라는 의미에서 사용되는 용어이다. - http는 클라이언트의 요청(request)과 서버의 응답(response)으로 이루어지며, 보통 80번 포트를 사용한다. - 포트? 각 프로토콜이 연결되는데 사용하는 통로 번호 http요청의 구성: - 메써드, 경로, 버전이 명시되어 있는 스타트 라인 - 리퀘스트의 추가 정보를 담고 있는 헤더 - 요청 내용을 담고 있는 바디 http의 특..

애플리케이션을 개발할 때 빠른 생산성과 효율을 위해 사용하는 것이 프레임워크, 라이브러리이다. 둘의 차이는 제어흐름에 있다. 개발자가 전체적인 애플리케이션 틀의 주도권(제어흐름)을 가지고 필요할 때 사용하는 도구는 라이브러리이다. 반면 전체적인 틀이 정해져 있으며, 개발자는 그 틀 안에서 필요한 코드를 작성해 완성시키는 것은 프레임워크이다. 프레임워크는 사용해야 할 코드가 정해져 있고, 사용 목적이 명확하다. (프레임워크는 밀키트 카레 vs 라이브러리는 손질양파, 다진 마늘, 앞다리살 카레용 ) Angular는 정리된 폴더 구조, 쉬운 개발환경 구성(Angular CLI), 다양한 모듈 지원 등 애플리케이션 개발에 필요한 모든 기능이 내장된 강력한 프레임워크이다. 기존 AngularJS에서 2016년 타..

어떤 요소에 이벤트가 발생하면, 그 이벤트의 흐름을 세 단계로 나눌 수 있다. 1. 캡처링: 이벤트가 하위 요소로 전파되는 단계 2. 타겟요소: 이벤트가 실제 발생하는 가장 하위요소 (자주 사용하는 e.target) 3. 버블링: 이벤트가 상위 요소로 전파되는 단계 해당 이벤트에 대한 이벤트핸들러를 특정요소에 할당하면 버블링에 의해 타겟요소 뿐 아니라 최상위 조상요소까지 순차적으로 할당된 이벤트핸들러가 동작한다. 그래서 e.target은 이벤트가 발생된 최하위요소 / e.currentTarget은 이벤트핸들러가 할당된 요소라는 차이가 있다. 버블링을 차단하기 위해서는 event.stopPropagation()이라는 메서드를 사용할 수 있지만, 꼭 필요한 경우가 아니라면 버블링을 막는 것은 권장되지 않는다..

항해99의 마지막 일정이 끝났다. 이번주는 대부분의 시간을 이력서 작성과 면접 준비로 보냈다. 99일 동안의 일을 다 기억하지 못할 만큼 짧은 시간안에 많은 내용들을 배웠다. 그 내용들을 어떤 식으로 정리해 취업준비에 활용할지 감이 잘 안 잡히기도 하고 프로젝트든 강의든 어떤 커리큘럼에 따라 움직이다가 갑자기 혼자 무엇인가 준비해야 하니 어떤 것 부터 해야할지 막막하기도 하다. 항해99에서의 시간은 14주라고 느껴지지 않을 만큼 빠르게 지나갔다. 처음 개발에 관해서는 아무것도 모르던 내가 이제 개발자가 되겠다고 이력서를 적고 있다. 여전히 리액트가 뭔지 잘 모르고, 볼 때 마다 새로운 자바스크립트 문법이 발목을 잡는다. 그럼에도 항해99에서 그렇게 강조했던 스스로 찾아보는 공부가 이제는 조금 익숙해진걸 ..

실전프로젝트가 끝나고 이제 이력서를 작성하며 그동안 작업했던 내용을 정리하고 있다. 간단하면서도 명료하게, 구체적으로 작성해야 한다는 말이 나를 압박하긴 하지만 이력서를 준비하면서 배웠던 부분을 한 번 씩 훑어볼 수 있는건 도움이 많이 된다. 사실 요 며칠 동안은 결과물에 대한 아쉬움과 미래에 대한 불안함으로 일이 손에 잡히지 않았다. 이력서를 작성하며 그 동안 내가 그래도 아무것도 하지 않은 건 아니었다는 생각이 들었을 때 마음이 조금 편안해졌다. 오늘 TIL의 주제는 이번 프로젝트의 개인적인 회고이다. 먼저 프로젝트를 진행하면서 꽤 많이 들었던 생각은 기획의 중요성이다. 어떻게 페이지를 구성하고 어떤 기능이 필요한지, 어떤 방식으로 사용자에게 기능을 보여줄지에 관한 부분이 기획단계에서 구체적으로 나오..

배포 후 진행 상황: 1. 피드백 반영 - 유저언어선택 관련 - 피드백 아이콘 - 사이트 언어설정 - 마이페이지: 좋아요 버튼 및 강사정보 - 회원가입 시 직관성 개선: 유효성 검사 완료 시 글씨 색 변경 - 인풋 창 글자 수 개선(한/영) - 이즈튜터 안내메세지 호버 2. 코드 리팩토링 - 폴더구조 개선 - 엘리먼츠 컴포넌트

길었던 프로젝트가 끝났다. 오늘은 실전프로젝트의 마지막날, 발표일이다. 밤을 새워가며 만들고 다듬었지만 사실 아쉬운 부분이 많이 남아 있다. 프로젝트가 완성 될 수록 나는 개발을 점점 모르게 되는 기분이다. 결과물이 어떻게 나왔든 6주가 지나고 나면 홀가분할 줄 알았는데, 전혀 그렇지 않아 놀랍다. 첫 프로젝트라 그런 것 일까? 마음이 무겁다. 그럼에도 배운 부분들이 많이 있었다. 프로젝트에 참여하는 자세나 협업과 같은 측면에서도 많이 느꼈지만 가장 중요한건 결국 내가 어떤 기능에 어떻게 기여할 수 있을지에 관한 문제인 것 같다. 사실 이번 프로젝트에서 내가 핵심 기능을 구현하는데 크게 역할을 하지 못해 더 아쉬움이 남았다. 어떤 기능에 집중할지 어떤 기능은 빠르게 구현할 수 있는 방법을 찾을지도 많이 ..