나는 반복문도, recursion도 쓴적이 없다.

그저 vue 페이지 하나를 로딩할 뿐이었다.

랜더링에 포함된 데이터를 랜더링 중에 수정하지 말자 수정하면 데이터가 수정됐으니 vue는 그 페이지를 다시 랜더링 해줄거다 그러면 이제 서버가 멈추지 않고 일을해서 초과수당을 요구하게된다 초과수당을 지급하다가 파산하고 싶지않다면 이렇게 하지말자.

<template>
<div class="reply-body">
  {{getReply(letter.replied)}}
  {{replyObject.text}}
</div>
</template>

이렇게 렌더링 하려고했다. 3번째 줄에서 method하나 실행해주고 4번째 줄에서 어떤 오브젝트를 보여줄거다.

<script>
  getReply(id) {
  axios({
    method: 'get',
    url: `/api/letter/${id}`,
    headers: {
      Authorization: `Bearer ${localStorage.getItem('token')}`,
    },
  })
    .then((result) => {
    this.replyObject = result.data;
    console.log(result);
  })
    .catch((error) => {
    console.log(error);
  })
}
</script>

getReply method는 요렇게 생겼다 axios 요청이 응답을 받아오면 결과물을 this.replyObject에 넣어준다. 근데 이 replyObject를 템플릿에 넣어줬다.

그러면 무한히 랜더링 한다.

단점만 있는건 아니다. 무한랜더링을 하면 노트북 팬이 무한히 돌게되고 이렇게 하면 노트북을 이륙시킬 수 있다. 그래서 나는 지금 해발 2000m에서 포스팅을 하고있다. 그럼 이만.

상위 하위 오며가며 property든 method든 확인해보세용

methods props 처럼 vue를 만든사람은 왜 복수형을 이렇게 좋아할까

너무 지긋지긋하게 만났다

함께해서 별로 였고 다시는 만나지 말자

근데 또 만날거같지만.

property ("어쩌구 저쩌구") was accessed during render but is not defined on instance

property말고 method에서도 발생한다. 근데 method에서 발생하면 메시지가 좀 다르게 뜨는거같다. 당연하겠지만

정의 안해놓은걸 가져다 쓰고 있다는 뜻인다.

근데 진짜 정의 안해 놓고 쓰다가 저런 에러를 만났을리는 없을거같다.

vue에서 modal만들다가 상위 하위 컴포넌트로 property피구도 아니고 이리저리 옮겨가지고 다니다가 만나서 문제 원인 찾기 너무 오래걸렸다.

내가 만들어서 잘 가져다 쓰고있다면 오타가 있을거다.

그것도 아니라면 하위 컴포넌트로 전달해줄때 props를 prop으로 썼던지..

그건 바로 나!

그게 바로 나!

문제는 간단하다

<div class="inputDiv">
    {% for category in categories %}
    {% if category.id == 8 %}
        <div class="input-group">
            <span class="input-group-addon" style="border:1px solid #ccc; border-radius: 4px;">{{ category.category_name }}</span>
        </div>
    {% endif %}
    {% endfor %}

요걸 따라서 쓰면 되면다

결론부터 얘기하자 나는

{% if category.id == 8 %}
이렇게 안쓰고

{% if category.id ==8%}
이렇게 썼다.

그런데 이 파스텔톤 포스트잇 빗깔 에러화면은 누구신지요

무슨 말인지도 모르겠다. 일단 찾아보자

뭔진 모르지만 일단 분석할 수 없으시단다.

왜그럴까

어차피 내가 고민한다고 답을 찾을 수 있는것도 아니다 공식문서에 놀러가자

이렇게 쓰랍신다

사실 띄워쓰기 부분이 잘못됐다는 내용은 못찾았다. 아직은 공식문서 보는 것도 나에겐 어렵다.

보아하니 Built-in tmeplate tags를 사용할 때 operator 앞뒤로는 항상 공백이 있어야 한다.

django가 파이썬 문법을 이용할 수 있다는거지 파이썬 문법과 동일하다는건 아니다.

-끗-

그렇다

나는 그냥 같은 코드를 썼다 지웠다 하고있었을 뿐이고 문제는 왜 해결됐는지 모르는 상태로 해결됐다. 정확히는 뭐가 문제였었는지도 모르겠다. 뻘글이 돼버렸다.

억울해서 쓰던거 남겨놓는다. 그래도 조금이나마 공부가 되었으니....

문제는 간단했다

사실 문제랄 것도 없었다

return HttpResponseRedirect(reverse('index'))

이것만 해주면 되는 거니까

그런데 실례지만 누구신지요?

따라하며 간단한 웹 프로젝트를 만들어보는 책이 있었을 뿐이다. 책을보고 따라하면 30분 1시간이면 게시판 하나 뚝딱 나올줄 알았다. 이래서 하룻강아지 범무서운줄 모른다고 하나보다.

'index'는 유효한 view function도 패턴 이름도 아니시란다.

나는 똑같이 따라했는데 왜안돼?! 를 잠시뒤로하고

reverse()부터 찾아보자

from django.urls import reverse

이렇게 모셔온다.

reverse()¶ If you need to use something similar to the url template tag in your code, Django provides the following function:

당신의 코드안에서 url template tag와 비슷하게 쓸일 있을 때 사용하시란다.

reverse(viewname, urlconf=None, args=None, kwargs=None, current_app=None)¶ viewname can be a URL pattern name or the callable view object. For example, given the following url:

인자는 저런 다양한 것들있지만 일단 나는 viewname을 제외하고는 필요가 없다. viewname 즉 전달받을 인자는 URL pattern name이거나 view object여야 한단다.

그런데 'index'라고만 써놓으면 그게 url인지 누가 알아주나?

from django.urls import path
from . import views

urlpatterns = [
        path('',views.index, name='index'),
]

이 분이 알아주신다.

이 분은 my_app/urls.py에 계신분으로서 상위디렉토리 동명이인 urls.py선생님께 url요청이 들어오면 이 분을 방문하게 된다. 그러면 이 분은 'index'라는 name을 가진 분들을 다시 views.index로 전화를 돌린다.

자그러면 reverse()선생님은 해결되시었다. HttpResponseRedirect를 만날 차례다

보자보자 어디보자 넌 담에보자

Redirect는 담에보고 HttpResponse부터 만나자 왠지 이쪽이 오리지날같으시다. 찬물도 위아래가 있는법 뿌리부터 들어가자. HttpResponse는 html을 반환하시는 분 되시겠다. 그러면 HttpResponseRedirect는 무엇을 반환하실까

그런거 없다. 반환안하신다. 말그대로 Re다시 direct할뿐이다. 어디로? reverse('index')로

그러면 내가 가지고있는 그 'index'라는건 대체 무엇일까? 당연히 index.html 그냥 첫화면이다. reverse('index')로 첫화면 url을 가져오고 거기로 Redirect해줄 뿐이다.

앞서 작동한 코드들이 모두 실행되고나면 다시 첫화면으로 돌아가는것이다. 일종의 새로고침이라 생각이 든다.

아니 근데 첫화면으로 돌아가는 방법이 이것만 있는것도 아니잖아요?

views에서는 reverse('index')로 urls의 name='index'를 통해 index함수를 실행해줘서 그간에 사용자로부터 입력받은것을 db로 저장해서 첫화면에 다시 띄워줄 뿐이다. 다만 그냥 '첫화면'으로 돌아가는것과는 분명한 차이가 있다. Re다시 연결을 해줘야 하는이유는 이 과정에서 db에 저장된 사용자의 입력이 화면에 표출되기 때문이다.

어째서 2시간 동안 고치고 고친 코드가 2시간 전의 코드와 1도 다른게 없는데 왜 이건 작동하고 2시간전에는 작동하지 않았을까 이렇게 된이상 기도메타로 간다.

일주일뒤에 문제의 원인을 찾아서 기도메타로 가지말라고 여기 남긴다

문제의 원인은 저장을 안했다는거다 뭔 소리냐? Ctrl + S 혹은 command + S를 안눌렀다는거다.

git add혹은 커밋을 하는것과 파일 자체를 저장해서 python manage.py runserver로 돌리는것은 차이가 있다.

너무 당연한데 나는 몰랐다... 저장을 안해서 발생하는 문제다. 사실 진짜 저장을 안한건 아니었고...저장 단축키가 작동을 안하고 있다는걸 몰랐다...확인하고 노트북부터 바꿨다.

그렇다 이 포스트의 문제해결방법은 바로 노트북 교체였던 것이다.

퉁퉁코딩TungTungCoding

https://www.youtube.com/channel/UC2zQA6QSSGX5S3BA8EcCvpw/videos

비전공자 개발자가 알려주는 코딩

라이브러리란? 프레임워크란? API는? GIT은? 마크다운은 또 뭐야? 코딩을 처음 시작할때 마구쏟아져 들어오는 정보에 도대체 뭐가뭔지 모를 때 한번쯤 스~윽 들어보면 도움이 된다. 이밖에도 개발자가 질문하는 법이나 마크다운의 사용법 등도 알려주는데 어디서 강의로 묶어서 가르쳐주진 않지만 배워두면 쏠쏠하고 안배우면 뜬구름 잡는 소리같은것들을 명확하게 설명해준다.

이거저거 알려주니 좋은데 뭐하는 채널이다라고 콕 집어 이야기 하기는 어렵다. 사람에 따라 이건 필요없는데? 하는 정보도 꽤 있을법하다. 개인적으로 "코로나맵은 좋은 서비스일까?" 라는 영상이 꽤 인상깊었다. https://www.youtube.com/watch?v=phmnXaN3G08

초보코딩

https://www.youtube.com/channel/UC-5Jyf13bHKGGDp2iApfDEw/videos

파이썬과 파이썬

파이썬의 언어에 대한 강의가 있는곳 특이하게 tkinter를 이용한 GUI프로그래밍에 대해서도 설명해준다 파이썬을 처음 배울 때 가장 난해했던 부분이 "그래서 이걸로 내가 뭘 할 수 있는데?"라는 의문이었다. 실제로 현장에서 tkinter로 윈도우폼 어플리케이션을 개발할리는 없겠지만. GUI란 무엇인지 '프로그램'이 사용자 단계까지 전달 되려면 어떤 과정을 거치는지에 대해서 학습 할 수 있다.

문법만 배우다가 무언가를 만들 수 있다는게 가장 큰 장점.

나도코딩

https://www.youtube.com/channel/UC7iAOLiALt2rtMVAWWl4pnw/videos

스크래치와 C 그리고 파이썬

대부분의 영상은 C와 스크래치에 대한 영상이지만 최근엔 파이썬을 이용한 프로그래밍 강의가 많다. 유튜브 강의들이 대부분 시작은 했지만 마지막 강의를 찍기전에 채널 운영을 접거나 조회수를 이유로(이건 내 짐작이지만)중간에 다른 영상을 업로드하곤 하는데 시작한 강의를 꼭 끝까지 마친다는점이 이 채널의 특징이라면 특징. GUI를 이용해 실사용할 수 있는 프로그램을 직접 따라하면서 만들어볼 수 있다는게 장점

포스트 작성하다가 초보코딩 채널이랑 이름이 비슷하다는걸 알았다. 관련이 있나...?

드림코딩 by엘리

https://www.youtube.com/channel/UC_4u-bXaba7yrRz_6x6kb_w

프론트엔드 개발을 입문한다면 여기로

언어에 대한 설명부터 연봉협상, 해외취업, 영어학습법, 키보드소개(?!)까지 '코딩'을 배운다기보다 프론트엔드 개발자의 삶에 대해 배우게 되는게 더 많을것 같다.

채널의 동영상 란에 들어가면 썸네일이 좀 정신없는 편이다. 뒤로가기 한번만 참고 제목만 읽어보자. 궁금해할 만한 내용이 많다.

홍정모의 실리콘밸리 도전기

https://www.youtube.com/channel/UCg6IlhycdYiK_nWB3spjIqA/videos

교수님이 알려주는 개발과 개발자

구독자수랑 상관없이 너무 유명한 분이라 '소개'라는게 필요할까 싶기도하다. 실리콘밸리 도전기를 담은 채널이었는데 에필로그 찍으시고도 여전히 업로드 중이시다. 실리콘밸리 개발자들의 인터뷰나 언어에 대한 한계나 전망등 다루는 분야가 정말 넓다. C, C++, 컴퓨터 그래픽스 강의도 있다.

지식이나 정보 뿐만아니라 더 잘 '배우는 법'을 설명해주실 땐 이분이 교수님이었다는걸 여실히 실감하게 된다.

엔지니어 대한민국

https://www.youtube.com/user/damazzang/videos

자료구조와 알고리즘을 설명해준다.

링크드 리스트부터 정렬, 빅오표기법, 리트코드 문제 풀이까지 다루고있다. 개념에 대해서 설명해주고 코드로도 직접 구현하는데 자바로 설명하지만 자바 몰라도 괜찮다. 유, 무료 강의 및 유튜브 전체 한국어 강의중에 알고리즘과 자료구조를 이보다 쉽게 설명하는건 아직 본적이 없다.

다만 글을 작성하는 21년 4월 기준으로 대부분의 영상이 3년전이다. 다만 3년동안 알고리즘과 자료구조가 변할리는 없으니 괜찮지 않을까?

삼평동연구소

https://www.youtube.com/channel/UC7fEWgloU6nxYS-uI-fvloQ/videos

개발보단 개발자에 대한 담화

'코딩' 보단 '코더'에 대해서 알려주는게 더 많다 넣을지 말지 고민했는데 코딩을 입문한다면 궁금해 할법한, 그리고 나쁜 습관을 들이기전에 봐둬야할 내용이 많은것 같아 넣었다.

채널 이름이 연구소인줄 알았는데 진짜 어딘가에있는 회사인거같다.

동빈나

https://www.youtube.com/c/dongbinna/featured

안경잡이 개발자

알고리즘에 대한 강의부터 진로상담, 논문리뷰, Ajax, JSP, JAVA, C, 운영체제 등등 다루는 범위가 굉장히 광범위하다.

나름 열심히 공부한다고 하는데 이분 볼 때마다 겸손해지기도 하고 주눅들기도 한다. 그래도 뭐 우리는 배울것만 배우면 되지 않을까?

AI Holic

https://www.youtube.com/user/ChrissSong/videos

AI개발과 코딩 인터뷰

빅데이터, 딥러닝, 머신러닝, 인공지능에 관심이 있다면 일단한번 방문하고 시작하자. 뜨고있는, 유망한 분야라고 너무 뜬구름 잡는 이야기만 듣게 될 때 이 채널에서 해주는 이야기가 도움이 될 수 있다. 해당 분야 개발자의 단상을 현직자에게 직접들을 수 있다. '머신러닝'자체 보다는 머신러닝 엔지니어로 커리어를 쌓으려 하거나 전환하려고 할 때 유용한 정보.

https://www.youtube.com/watch?v=8mjeJpHtLVQ 이거보고 인공지능 배우고싶다는 막연한 생각을 버렸다. 그렇다고 그만 두라고 유도하는 채널은 아니니 일단 가보잣

Sung Kim

https://www.youtube.com/channel/UCML9R2ol-l0Ab9OXoNnr7Lw

김성훈 업스테이지 대표님

이렇게 누추한 블로그에 이런 귀하신분을 소개해도 되는걸까 최근에는 파이썬 기초강의를 업로드 하신다

https://www.youtube.com/watch?v=BS6O0zOGX4E&list=PLlMkM4tgfjnLSOjrEJN31gZATbcj_MpUm 사실 이분 채널에서 본영상은 모두를 위한 딥러닝 강좌 시즌1이 유일한데 2021년 현재 그대로 따라하기엔 파이썬이나 텐서플로우의 버전업이 많이 진행된 상태라 따라하기는 좀 어렵다. 다만 lec과 lab을 구분해주시는데 lec은 이론적인 설명위주이니까 한번쯤 들어보는게 좋다. 코드로 구현하는 lab부분은 버전차이가 많이나서 최근에 나온 강의나 책으로 코드를 개별적으로 써보는게 더 좋을것 같다

승지니어 Sengineer

https://www.youtube.com/channel/UCW4ixpFivk6eJl8b5bFOLkg/videos

실리콘 개발자의 라이브

실리콘 밸리의 개발자에 대한 이야기를 많이 한다.

기술면접 라이브코딩이라고해서 2년전까지는 코드에 대한 영상도 많았는데 최근에는 라이브, 소통 방송을 위주로 하시는 듯. 그렇다고 해서 잡다한 내용은 아니고 개발자의 커리어나 면접, 기술영어 등에 대한 이야기위주로 한다.

Interactive Developer

https://www.youtube.com/c/cmiscm/featured

고졸pc방 알바에서 구글 엔지니어까지.

학력을 굳이 쓰고싶지 않았지만 본인께서 채널에 강조하시는 내용이라 이렇게 소개했다. 디자이너에서 개발자가 되신것으로 알고있다. 특히 interactive웹사이트로 구글에서 입사제의(?)를 받았다고 하는데 기술에 대한 설명보다는 본인이 진행했던 프로젝트에 대한 설명위주로 영상이 이루어진다. 채널에 영상이 디자인, 프로젝트, 개발자의 개발환경, 성장비결 등등 다양한 분야를 다룬다.

영상을 보기전까진 나도 금방 따라해서 구글 갈 수 있을줄 알았지...

일미터클래식 입문

https://www.youtube.com/channel/UCp0GLuADLJBgvlmJwxLAfvw

코딩할 때 자주 듣는 채널이라 넣었습니다

코딩이랑 관련은 없습니다.

미안합니다.

한번 들어봐

https://www.youtube.com/channel/UCxLzfLcNEtXsOSE_ysUTnXQ

노래 듣는 채널 소개는 1절만 해야겠죠?

근데 또 했습니다