에이미의 성장기록

마지막 모의면접은 "미소" 라는 회사였다 : ) 미소는 정말 잘 알고 있었다. 주위에서 미소라는 플랫폼을 많이 추천해주기도 했고, 생활에 밀접한 서비스라 직접 써보고싶어서 알아보기도 했었던 곳이다! 면접 분위기는 정말 편안했다. 4가지 주제를 주시고, 아는 것부터 후배한테 설명해주듯 말해달라고 하셨다! :) 앞에 두개는 들어봤지만 정확히 몰랐던 것, 리액트 관련된 것들은 공부했던 내용이라 그래도 잘? 설명할 수 있었다..! 😅 1. 함수형 프로그래밍과 객체지향 프로그래밍의 차이 2. MVC패턴, MVVM 패턴에 대해 설명하기 3. 리액트 클래스형 컴포넌트, 함수형 컴포넌트의 차이 -> [리액트] 함수형 컴포넌트 / 클래스형 컴포넌트 4. 리액트 라이프사이클 함수에 대해 설명하기 ->[리액트] 라이프사이클..

[개인관련] 1. 자기소개? 2. 왜 개발자가 되려고 하는가?(전업했다면 그 이유), 개발자는 어떤 직업이라고 생각하는가? 3. 성격의 장단점은? 4. 왜 굳이 프론트엔드를 선택했는지? 프론트엔드는 어떤 분야인가? 5. 프론트엔드 개발자로서 가장 중요하게 생각하는 점은? 6. 프론트엔드 개발은 지속적으로 학습해야 하는 분야인데 어떤식으로 학습을 하고 있는지? 7. 본인은 어떤 개발자라고 생각하는가? 8. 개발자로서의 본인의 비전은? 9. 최근에 관심갖거나 공부 하고 싶은 개발 기술이 있는지? 10. 주니어 개발자 / 신입으로서 회사에 어떻게 기여할 수 있겠는가? 11. 개발자가 되기 위해 어떻게 공부하였는가? 13. 학습 시 주로 이용하는 웹 페이지, 사이트, 유튜브 등이 있다면 어디인가? [협업, 프로..

0. 자바스크립트란? 프로그래밍이란? 데이터의 입력 ⇒ 처리 ⇒ 출력이 바로 프로그램이 하는 일, 이렇게 프로그램이 정해진 방식에 따라 일할 수 있도록 작성해놓는게 프로그래밍이다. 자바스크립트란? 프로그래머들이 이용하는 도구가 바로 프로그래밍 언어이고, 자바스크립트는 이러한 언어들 중에서 몇 손가락 안에 들만큼 많이 쓰이는 언어이고, 많은 프로그래머들로부터 사랑받고 있는 언어이다! 1. 변수 변수는 저장해놓은 값을 가리키는 일종의 '이름표'라고 생각할 수 있다. 이렇게 변수를 사용하면 해당 데이터가 의미하는 바를 변수 이름을 통해 정확히 표현할 수 있고, 계속해서 재사용도 할 수 있음 let 변수이름 = 값 변수 를 선언했고, 해당 변수에 을 할당했다! let name = 'Hyemi Gwak' // n..

나는... 나는 말미잘이다.. 대답을 못한 나는 해삼이다...나는 생각을 멈춘 돌멩이다.... 😰😰😰😱😭 ㅇ늘은.. 떡볶이를 먹어야겠다... 꺼흐그흑 따흐흐흑 그리고 앞으로 공부좀 더 열심히 해야겠다... 비가 온다... 내 눈물 가려줘 비야... 1) 웹팩, 바벨? ◼ 웹팩 - 모듈(module) 번들러(bundler). - 의존성을 분석해 모듈을 번들(여러 개를 하나로 묶어주는, 웹팩 실행 후에 나오는 결과 파일)시켜주는 역할. 빌드(build)라는 과정을 통해 하나의 파일로 만들어 준다. - 웹팩을 이용하면 여러가지 리소스를 사용자에게 전달하기 좋은 형태로 만들 수 있다. ◼ 바벨 - 입력과 출력이 모두 자바스크립트 코드인 컴파일러 - 구형 브라우저들이 ES6 를 제대로 호환하지 못해, 오래된 브라..

리액트에서 컴포넌트를 선언하는 방식은 두가지가 있다. 클래스형 컴포넌트 - 상태를 저장할 수 있고(state사용이 가능함), React Life Cycle Method 를 사용할 수 있다. - React.Component를 상속받기 때문에 리액트에서 제공하는 기능들을 모두 내것처럼 사용할 수 있다. - 함수가 아닌 클래스이기 때문에 return문을 사용하지 않는다. - render() 함수가 필수적으로 있어야 한다.( render() 함수를 사용해서 JSX를 반환) - 임의의 메서드를 정의할 수 있다. - 함수형 컴포넌트가 먼저 나왔기 때문에, 유지보수를 위해 클래스형 컴포넌트를 알아두어야 함 함수형 컴포넌트 - 함수형은 상태를 저장할 수 없다. 기본적으로 함수는 한번 실행되고 나면 메모리 상에서 사라진..

리액트 훅? 리액트 훅은 리액트 버전 16.8에 추가되었다. 훅은 함수형 컴포넌트에서도 클래스형 컴포넌트의 기능을 사용할 수 있게 하는 기능이다. 훅을 통해서 함수형 컴포넌트에서도 컴포넌트 상태값을 관리할 수도, 컴포넌트 생명 주기 함수 또한 이용할 수 있게 된다. 리액트 훅 장점 - 훅을 사용하게 되면 재사용 가능한 로직을 쉽게 만들 수 있다. 훅은 단순한 함수이므로 함수 안에서 또다른 함수를 호출하게 되어 새로운 훅을 만들 수 있기 때문이다. -> 리액트 내장 훅 + 다른 사람들의 커스텀 훅 = 새로운 훅 탄생 - 훅을 사용하면 코드 가독성이 더 좋아진다. 훅을 사용하게 되면 같은 로직은 한곳으로 모아 가독성이 좋다. 하지만 기존의 클래스형 컴포넌트의 생명 주기 메소드는 서로 다른 로직이 하나의 메소..

서버의 API를 사용해야 할 때는 네트워크 송수신 과정에서 시간이 걸리기 때문에 작업이 즉시 처리되는 것이 아니라, 응답을 받을 때까지 기다렸다가 전달받은 응답 데이터를 처리한다. 이 과정에서 해당 작업을 비동기적으로 처리한다. 만약 작업을 동기적으로 처리한다면 요청이 끝날 때까지 기다리는 동안 중지 상태가 되기 때문에 다른 작업을 할 수 없다. 요청이 끝나야 비로소 그 다음 예정된 작업을 한다. 하지만 이것을 비동기적으로 처리한다면 웹애플리케이션이 멈추지 않기 때문에 동시에 여러가지 요청을 처리하고, 기다리는 과정에서 다른 함수도 호출할 수 있다. 자바스크립트는 동기적이다. 호이스팅 이후에는 코드가 나타나는 순서대로 실행된다. 1. 콜백함수 함수를 인자로 등록하여 불러 달라고 하는 것 즉시 부를 수도(..

호이스팅 코드에 선언된 변수 및 함수를 코드 상단으로 끌어올리는 것 * hoist = 건축/건설/화물 운반에 사용되는 장비로, 화물을 끌어올리는 업무 수행 변수가 전역 범위인지, 함수 범위인지에 따라 다르게 수행됨 함수 내에서 선언한 함수 범위(function scope)는 함수의 최상위로 함수 밖에서 선언한 전역 범위(global scope)의 전역 변수는 스크립트 단위의 최상위로 끌어올려진다 최상단으로 끌어 올려지는 건 변수의 선언과 할당 내용을 모두 끌어올리는 것이 아니라 선언만 끌어 올려진다. 즉, 변수 a가 선언되기 전에 console.log를 출력해도 var a 가 최상단으로 끌어올려지면서, 에러가 발생하지않고 undefined를 출력한다. console.log(a) //undefined va..

오늘은 매스아시아 오세용 개발팀장님과 15분간 1:1로 모의 면접을 봤다. 매스아시아는 "알파카" 라는 퍼스널 모빌리티, 킥보드 운영 기업이다 : ) 내가 사는 동네는 알파카를 운영하지 않는 지역이라 타본 적 없어서 너무 아쉬운데, 알파카 로고?가 너무 귀여운 회사다😍 15분간 리액트/리덕스/자바스크립트/CSS 관련해서 골고루 여쭤보셨다. 신입 개발자의 면접은 이런건가? 이전에 커머스 MD 면접을 봤었을 때는 나를 어필하기 위해 사용했던 화려한 미사어구,,? 호 필요없다.... 개발자는 기술이 체고다... (공부 열심히 하자 혜먀) 첫 기술 모의면접이라 너무 당황스러웠지만, 분위기를 편안하게 만들어주시면서 소설 써도 괜찮다는 말씀에, 정말 자신감있게 소설을 썼다 😂😂😂😂😂 따흐흑 따흐흑 비동기 함수가 아..

내가 기억하기 위해 S3 재배포 하는 방법을 적어두고자 한다. 1. 터미널에서 yarn build로 프로젝트를 빌드한다. 2. S3에 접속해서 만들어진 프로젝트의 객체부분으로 들어온다. 전체 파일 선택 후 삭제 클릭 (영구 삭제 입력해준다) 3. 업로드 눌러서, 내 프로젝트가 있는 파일에 들어가서 build 폴더를 들어간다. 4. 권한 탭에서 미리 정의된 ACL에서 퍼블릭 읽기 액세스 권한 부여 - 지정된 객체에 퍼블릭 읽기 액세스 권한을 부여할 위험이 있음을 알고 있습니다 선택 5. 업로드 선택 6. 만약 HTTPS 로 배포했다면, 아래 하나만 더 해준다! CloudFront로 가서 ID를 클릭해준다. 6. Invalidations 탭에서 Create Invalidation을 클릭한다. 6. /* 을 ..