Giter VIP home page Giter VIP logo

fe-interview-basecamp's Introduction

fe-interview-basecamp

1. 스터디 비전

나의 언어로 FE 기초지식을 풀어서 써보고, 이를 상호 리뷰하여, FE 지식을 체득한다

2. 스터디 목표

FE 기초지식에 대한 인터뷰 질문에 나의 생각을 조리있게 답변할 수 있다

3. 스터디 대상

  • FE 학습을 어느정도 진행하여 아는 것이 꽤 있다고 생각되나 막상 말로 설명하려고 하면 잘 안되는 분들
  • 내가 학습한 내용을 글로 한번 정리해보고 싶으신 분들

4. 스터디 기간

  • OnGoing 스터디입니다: 종료 기간 없이 매주 자유롭게 참석합니다.
  • 매주 1시간 온라인으로 스터디/모의면접/회고를 진행합니다.

5. 스터디 방법

  1. 글로 자신의 생각을 정리해본다.
    • 학습이 부족한 부분이 있으면 보충학습을 한다
    • 단순히 학습한 내용의 요약정리가 아니라, 자신의 언어로 작성한다
  2. 글을 작성한 후 PR을 보낸다.
  3. PR을 서로 리뷰한다.
  4. 매주 1시간 온라인 스터디 시간을 가진다.
    • 모의 면접을 진행한다.
    • 면접에 대한 피드백을 주고 받는다
    • 회고한다

6. 구체적인 스터디 방법

  1. 이슈에 등록되어 있는 키워드를 자유롭게 선택하여 자신의 생각을 정리한 후, 자신의 언어로 풀어서 글로 작성해본다.
    • 학습하고 싶은 키워드를 이슈에 자유롭게 추가 가능하다.
  2. 매주 3개 이상의 키워드에 대하여 글을 작성하고 PR을 보낸다.
  3. PR은 상시 상호 리뷰가능하며, 매주 정기 온라인 스터디 시간에도 리뷰시간을 갖는다.

7. 글 작성시 유의사항

  • 단순히 학습한 내용의 요약정리가 아니라, 자신의 언어로 작성한다
  • 결론 - 설명 - 요약 의 형태로 작성한다.
  • 가장 핵심적인 내용을 결론 한 문장으로 말한다
  • 단어 하나하나를 너무 예쁘게 말하려고 하지 않는다. 문장 전체, 글 전체의 흐름을 매끄럽게 한다.
  • 너무 많은 정보 전달에 집중하지 않는다. MDN 글을 작성하는 것이 아니다. 핵심 키워드가 모두 담기면 한다.
  • 학습하면서 참고한 자료가 있다면 레퍼런스도 같이 기록하여, 다른 스터디원이 참고할 수 있게 한다.

8. 정기 온라인 스터디 기획(안)

일시

매주 화요일 22:00 ~ 23:00

장소

  • 디스코드 음성 채널 광장에서 진행

진행순서

  • PR 상호 리뷰를 진행한다: 25분
  • 모의 면접을 진행한다: 15분
  • 면접에 대한 피드백을 주고 받는다: 10분
  • 회고: 10분

fe-interview-basecamp's People

Contributors

bigsaigon333 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

fe-interview-basecamp's Issues

undefined, null, NaN

undefined, null, NaN의 차이를 설명할 수 있는지?
번외) 각각에 typeof했을때 뭐가 나오는지?
번외) 1+null=????, 1+undefined=????

React에서 사이드 이펙트란?

useEffect는 react에서 사이드 이펙트를 사용하겠다는 의미의 네이밍이다.
그럼 react에서 말하는 사이드 이펙트란 무엇일까?

값, 식, 문

값,식,문에 대한 정의와 예시를 들 수 있는지?

일급객체란?

일급객체의 정의
자바스크립트의 객체가 일급객체라서 할 수 있는것

XSS, CSRF 취약점 공격

간단하게 설명할 수 있는지?

[선택] 프로젝트 경험이 있다면 이 공격들을 방어하기 위해 무엇을 해봤는지?

블록 스코프와 함수 스코프

각각의 특징과 관련된 문법을 말할 수 있는지?

아래 코드의 결과값을 예측할 수 있는지?

function loop() {
	for(var i = 0; i < 5; i++) {
		console.log(i);
	}
	console.log('final',i);
}

디바운스, 쓰로틀링 이란?

각각의 정의와 차이점을 말할 수 있는지?
각각에 대한 간단한 슈도코드를 작성할 수 있는지?
언제 사용하는지?

상태란?

리액트에서 상태상태하는데 상태라는게 무엇인지?
하는 김에 상수와 변수의 정의도 알아보자

원시타입

자바스크립트의 원시타입의 종류를 모두 말할 수 있는지?

eslint와 prettier

대부분 프로젝트마다 있는 eslint, prettier의 용도와 차이점을 명확하게 설명할 수 있는지?

웹팩이란?

웹팩이란 무엇인지
웹팩을 왜 사용하는지
웹팩의 구성요소 (entry, ourput, plugin, loader)
다른 번들러와의 차이점은 무엇인지

webpack

IIFE 란?

IIFE란 무엇인지?
장점과 단점은 무엇인지?
언제 사용할 수 있는지?

React에서 key

key props의 용도
key를 index로 하면 안되는 이유를 깔끔하게 설명할 수 있는지?

AJAX 란?

AJAX의 정의와 예시는? 등장 배경은?
PJAX도 아는지?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.