새로운 개발자를 위한 공부순서

Introduction

본 리스트는 현재 작성되어 있는 코드를 이해하기 위한 최소한의 리스트이며 공식문서를 읽을때나 코드를 볼때 궁금한점, 혹은 깊이 알아야될 것이 있을 때는 더 찾아보고 공부해야된다.

코드를 이해할 때의 팁:

만약 코드를 볼때 잘 모르겠다면, 일단 해당 코드가 호출되는 곳을 검색해가며 가장 최상단 코드(가장먼저 실행되는)로 이동한다. 최상단 코드가 이해가 되었다면 한단계씩 타고 내려가며 이해하도록 해본다.

만약 코드를 보다가 모르겠다면, 대부분 모르는 라이브러리를 사용하고 있거나 프레임워크를 사용하고 있기 때문이다. 따라서 현재 보고 있는 소스코드의 최상단으로 올라가면

import { ... } from  ' ... ';

구문이 있을텐데 소스코드가 import하고 있는 프레임워크 / 라이브러리의 기능을 구글링해가며 이해하도록 노력한다. 아래에 링크되어 있는 문서들을 읽고나면 대부분은 이해가 되겠지만 굵직한 것들을 최소한을 적은 것으로 부분부분 이해가되지 않는 소스코드들은 이런방식으로 이해하도록 한다. 해당 기능이 어떤 역할을 하고, 어떤 인자를 받으며, 어떤 값들을 반환하는 지를 공식문서를 통해 파악하고 나면 이해하는데 큰 어려움은 없을 것이다.

Backend Application Server

             - Models
             - Making Queries
             - Aggregation
             - Search
             - Managers
             - URL dispatcher
             - Writing views
             - View decorators
             - Generic views
             - Introduction to class-based views
             - Built-in class-based generic views
             - Using mixins with class-based views
             - Basic examples
             - Usage in your URLconf
             - Subclassing generic views
    - Signals
    - Requests
    - Responses
    - Views
    - Generic views
    - Viewsets
    - Routers
    - Serializers
    - Validators
    - Authentication
    - Permissions
    - Filtering

    - Introduction
    - Consumers
    - Routing
    - Database Access
    - Channel Layers

Frontend

CSS Flexbox Guide

React Official Document
    - Tutorial (Making Tic Tac Toe)
              - 추가로 히스토리를 눌러서 돌아간 후 그 지점부터 이어서 플레이하도록 구현해보기

Redux Official Document

React-Redux Official Document
    - Using React Redux 다읽기
    - API Reference
        - connect()
        - Provider

React-Router Official Document
    - Guides : Quick Start
    - Guides : Primary Components
React-Router Passing Props

+추가)
-  create-react-app 공식문서
-  Service Worker 공식문서

+ 추가) DevOps(Web Server / Docker / etc)

- nginx란?
- nginx.conf 이해하기

- docker관련 개념 이해하기
- docker-compose.yml이해하기

- WSGI란?
- gunicorn

- ASGI란?
- daphne




댓글

댓글 쓰기

이 블로그의 인기 게시물

[Django 공식문서 번역] REST Framework - Viewset and Router

Viewset을 사용하면 관련된 view들을 하나의 클래스로 묶을 수 있다. class UserViewSet ( viewsets . ViewSet ): """ A simple ViewSet for listing or retrieving users. """ def list ( self , request ): queryset = User . objects . all () serializer = UserSerializer ( queryset , many = True ) return Response ( serializer . data ) def retrieve ( self , request , pk = None ): queryset = User . objects . all () user = get_object_or_404 ( queryset , pk = pk ) serializer = UserSerializer ( user ) return Response ( serializer . data ) from rest_framework import routers router = routers . SimpleRouter () router . register ( r 'users' , UserViewSet ) router . register ( r 'accounts' , AccountViewSet ) urlpatterns = router . urls 위의 예시는 아래의 URL 패턴을 만든다 URL pattern:  ^users/$  Name:  'user-list' URL pattern:  ^users/{pk}/$  Name:  'user-detail' URL
자세한 내용 보기

[Django REST Framework] create() vs perform_create()

Django REST Framework의 ModelViewSet과 create() 관련 찾아보고 공부한 내용을 정리해보려고 한다. 기본적으로 ModelViewSet은 GenericAPIView라는 클래스를 상속받기 때문에 .list(), .create()  .list(), .create() 등을 기본으로 내장하고 있다. 따라서 이 중에서 기본 내장되어 있는 메소드 중 동작을 변경하고 싶은 것들만 overriding해서 수정하면 된다. 그리고 ModelViewSet은 GenericAPIView를 상속받고 있기 때문에 최소한 queryset와 serializer_class는 세팅해주어야 한다. from rest_framework import status from rest_framework.response import Response def create(self, request, *args, **kwargs): serializer = self.get_serializer(data=request.data) serializer.is_valid(raise_exception=True) self.perform_create(serializer) headers = self.get_success_headers(serializer.data) return Response(serializer.data, status=status.HTTP_201_CREATED, headers=headers) def perform_create(self, serializer): serializer.save() 위의 코드를 보면 이해가 조금 더 쉬울 것 같다. perform_create()은 create()의 동작 중 일부분을 overriding한다고 생각하면 되는데, serializer.save()가 호출될 때 perform_create()가 호출된다고 생각하면 된다. 위의 경우 명시적으로 perform_create()를 호출했지만, d
자세한 내용 보기

Intel Open WebRTC Toolkit(OWT) Media server 설치하는법

Ubuntu 18을 기준으로 하고있습니다. 1.  https://software.intel.com/en-us/webrtc-sdk  에 들어가서 Download를 누르고 회원가입 후 다운로드를 받는다. - 만약 리모트 서버에 다운을 받고 싶다면 회원가입 후 다운로드 버튼 > 오른쪽 클릭 > 링크 복사로 다운로드 링크를 복사한 후, wget <링크> 2. 다운받은 zip파일을 풀어준다 unzip Intel_CS_WebRTC.v<version>.zip - 만약 unzip이 깔려있지 않다면 sudo apt-get install unzip 3. 압축을 푼 폴더 안으로 이동한 후 자신이 설치하고자 하는 패키지를 설치하면 되는데 이번에는 서버를 설치하려고 하기 때문에 tar xf CS_WebRTC_Conference_Server_MCU.v<version>.Ubuntu.tgz 4. 압축이 풀린 폴더안으로 이동 cd Release-v<version> 5. dependencies 설치하기 bin/init-all.sh --deps 6. 서버 시작하기 bin/start-all.sh - 만약 "node version not match. Please use node v8"과 같은 에러가 뜬다면 node의 버전을 8.15버전으로 바꿔줘야되는데 아마 기본적으로 nvm이 같이 깔렷을텐데: nvm ls 결과가 다음처럼 뜰 것이다: Release-v4.3# nvm ls         v8.15.0 ->       system node -> stable (-> v8.15.0) (default) stable -> 8.15 (-> v8.15.0) (default) 그러면: nvm use stable 하고 node 버전을 체크해보면 8.15가 뜬다 그리고 다시 bin/start-all.sh 하면! starting ma
자세한 내용 보기