Situation

1. docker volume 으로 연동된 static 디렉토리 : root 소유
2. react 컨테이너는 root가 아닌 container user 권한으로 개발 중

Symtoms

Symtoms

"proxy_redirect default" cannot be used with "proxy_pass" directive 
with variables in /etc/nginx/sites-enabled/myapp.conf

symtom

client <-http-> nginx(proxy) <-http-> was

Symtoms

Cannot start service nginx-container: OCI runtime create failed: container_linux.go:370: starting container process caused: exec: "/path": permission denied: unknown

symtoms

vscode remote container with docker

[379 ms] Start: Run in container: cat /etc/passwd
[382 ms] Start: Run in container: test -d /nonexistent/.vscode-server
[383 ms] Exit code 1
[384 ms] Start: Run in container: set -o noclobber ; mkdir -p '/nonexistent/.vscode-server/data/Machine' && { > '/nonexistent/.vscode-server/data/Machine/.writeMachineSettingsMarker' ; } 2> /dev/null
[386 ms] mkdir: cannot create directory '/nonexistent': Permission denied

Symtoms

disk space is almost full

Symtoms

setTimeout in useEffect doesn't work properly

Symtoms

props type string

Symtoms

``` Uncaught TypeError: someState.map is not a function

symtom

client <-http-> nginx(proxy) <-http-> was

Symtoms

unhashable type: 'collections.OrderedDict'

N:M recursive 관계

the class to which the model is related, which works exactly the same as it does for ForeignKey, including recursive and lazy relationships.

• 하나의 모델 안에서 ManyToManyField 사용

  class Person(models.Model):
    friends = models.ManyToManyField("self")
  

• symmetrical=True 속성

  ManyToManyFields on self 에서만 사용 가능(default True)
  Person 모델에 person_set 속성을 추가 안하고 symmetrical 필드로 여겨짐
  intermediary 모델에서도 가능
  

• Through 모델 : 연관을 위해 DB 테이블로 암시적으로 생성됨
• Through 모델을 통한 필드는 시리얼라이저에서 Read-only 필드 ``` class Person(models.Model): name = models.CharField(max_length=50)

Symtoms

django rest response object should return correspond content type with request. ``` REST framework supports HTTP content negotiation by providing a Response class which allows you to return content that can be rendered into multiple content types, depending on the client request.

Symtoms

Invalid HTTP_HOST header: 'web_backend_1:22222'. 
The domain name provided is not valid according to RFC 1034/1035.

Symtoms

'Rule' instance expected, got OrderedDict([('title', 'sdfsd'), ('body', 'sdfsdf')])

Symtoms

Direct assignment to the reverse side of a related set is prohibited.
Use related.set() instead.

Symtom

create() takes 1 positional argument but 2 were given

Symtom

1. installed create-react-app as global module

   npm install -g create-react-app
   

Symtoms

``` TypeError: relativeURL.replace is not a function

Symtoms

after removing vscode remote container,
vscode still tried to connect removed remote container
whenever I tried to open new vscode window.

Symtoms

Uncaught TypeError: *** is not a function in a React component
or
someState.map is undefined

history stack - HTML5 history API (pushState, replaceState)

Home > One > Two

eslint

installed as Global dev modules

RUN npm install -y -g --save-dev eslint prettier eslint-config-prettier

must install ESLint in Local? ``` eslint –init

form

• native html 폼에서 제출 버튼을 누르면 현상태의 input값들을 data 전송 + 페이지 이동
• react에서는 핸들러 함수로 axios 통신 처리+페이지 이동
• react는 폼에서도 화면전환없이 데이터를 전달하기 위해서 FormData를 사용

Home > Item > Login > Item 순으로 페이지를 이동했을 때 Login 페이지에서 history.push를 사용할 때와 history.replace를 사용할 때의 차이점은 다음과 같다. Push

fetch

let url = 'https://someurl.com';
let options = {
            method: 'POST',
            mode: 'cors',
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json;charset=UTF-8'
            },
            body: JSON.stringify({
                property_one: value_one,
                property_two: value_two
            })
        };
if (response && response.ok) {
    let jsonData = await fetch(url, options).json(); //responseObj.json()
}

• included in react by default (don’t have to care about module update issue)
• no response timeout API provided
• not supported with some browser
• whend error catched –> always execute .then()

Symtom

react's default dev port is 3000.
I'd like to use another port(80).

Symtoms

Uncaught TypeError: someState.map is not a function

Symtoms

request as POST
response as OPTIONS

proxy_redirect

changing the Location response header in a 3xx status message.

symtom

```

Symtoms

when volume is mounted between host and container,
if container user is root, if you work in container,
all file's permission is root.
so you can't access that files on host as non-root user.

Symtom

1. installed create-react-app as global module

   npm install -g create-react-app
   

DB 데이터를 불러와서 노출하거나 textarea로 부터 입력받은 데이터를 DB에 저장하려 할 때

var str = document.getElementById("textarea").value;
str = str.replace(/(?:\r\n|\r|\n)/g, '<br />');
document.getElementById("result").value = str;

Symtoms

UnicodeDecodeError: 'utf-8' codec can't decode byte 0xc6 in position 4: invalid continuation byte

symtoms

한영 전환키가 vscode 에서만 동작 안함

Symtoms

tried to permit sed command only with root permission

chmod 750 /usr/bin/sed

then when use commands ls, mv … related with file operation ``` $ ls .

Container user

map is available with Array, not Set!

const tags = Array(8).fill(0).map((value, index) => (
        <StyledInput
            key={index}
            name={"binary_ip_2_"+index}
        />
)

• typeof( index ) == int
• typeof( string+int ) == string

증상

react로 빌드해서 배포했는데 index.html에서 react 컴포넌트가 안뜸

symtoms

when running scripts with create-react-app,
MODULE_NOT_FOUND ~~ ./node_modules/react-scripts/bin/ ~~

Segmentation fault (core dumped)

초기화

chmod -R a+w /srv/jekyll
bundle install
jekyll build
jekyll serve

수정할 점

• 검색창 엔터 동작 안함
• 페이지네이션 ul 점으로 뜸
• 탭 아래에 스크롤바 생기며 블로그 타이틀이 overflow 시 hidden 됨
• 탭 메뉴에 카테고리 메뉴를 클릭해서 들어가야 카테고리가 보임

• psycopg2 is required as postgre-client

  File "/usr/local/lib64/python3.6/site-packages/django/db/backends/postgresql/base.py", line 25, in <module>
    import psycopg2 as Database
  ModuleNotFoundError: No module named 'psycopg2'
  

eslint

installed as Global dev modules

RUN npm install -y -g --save-dev eslint prettier eslint-config-prettier

must install ESLint in Local? ``` eslint –init

• 차이

  align-items: center; //가운데 높이에 배치
  justify-content: center;
  text-align: center;
  

• 차이

  align-items: center; //가운데 높이에 배치
  justify-content: center;
  text-align: center;
  

sypmtoms

``` Django 3.1.7.

pip3 install mysqlclient

symtom

Error: ENOSPC: System limit for number of file watchers reached

Firefox에서는 https:// 에서 ws:// 로 이동하는 것이 Firefox에서는 불가능하다고 되어있다고 한다. (https://stackoverflow.com/questions/11768221/firefox-websocket-security-issue/12042843#12042843)

• interactive shell will cause error : must put -y option on package installation
• Entrypoint can’t point to /bin/bash : can override in docker-compose

Exit state code

Exited(0) : 
Exited(1) : 
Exited(2) : 
Exited(125) : 
Exited(126) : 

• Entrypoint can’t point to /bin/bash
• where there is nothing to run, entrypoint “npm run” cause exited. use “sleep 99”

vscode CPU 점유율 너무 높음

https://github.com/Microsoft/vscode/wiki/Performance-Issues

파이썬 3 버전

• print를 일반 함수처럼 표현(괄호 필요 있음)

  print ("Hello Python")