SSAFY에서 관통 프로젝트를 할 때 직면한 에러. 왜 뜨는지도... 잘 이해하지 못했지만 일단은 Django 서버를 켜면 저 화면이 떴다. 분명 Django 실습할 때나 Vue 실습할 때나 문제는 없었는데... 구글링을 해봐도 서버와 클라이언트를 같은 idle에서 실행한 문제라고 하고, 그 문제를 다른 방식으로 해결한 분들은 많았지만 나처럼 Django를 사용할 때 이러한 문제를 겪는 경우는 한번에 찾기 쉽지 않았다. 결국 Django의 settings.py에 EMAIL_BACKEND = 'django.core.mail.backends.console.EmailBackend' 를 삽입해주었고, 문제가 잘 해결되었다
SSAFY 관통 프로젝트로 영화 추천 App을 만드는 중이다. 메인 페이지(MovieView)에서 로그인을 하려고 했는데, 로그인 후 MovieView로 이동해야 해서 NavigationDuplicated: Avoided redundant navigation to current location: 오류를 띄웠다. 같은 페이지로 router.push를 사용할 때 나오는 오류이다. 함수를 두 개 만들어서 각각 경로를 지정해주거나, 한 로직을 사용할 때는 변수를 하나 더 받아와서 불필요한 로직을 줄이고 최적화할 수 있을 거 같은데… 우선은 구현 가능하도록 만들었다. 여유가 남는다면 수정해야지… 아래 코드는 차이점이라도 있지 login actions들은 차이점도 없다. 너무 비효율적인 상황(05/21)이다. SA..
Javascript Js는 클라이언트측 웹에서 실행하는 언어로, 웹 페이지가 이벤트 발생 시 어떻게 작동하는지 디자인하고 프로그래밍하며, 웹 페이지 동작을 제어하는 데 널리 사용된다. HTML 문서의 컨텐츠를 동적으로 변경할 수 있는 언어로, 웹이라는 공간 내에서 채팅, 게임 등 다양한 동작을 할 수 있게 된 기반이다. 웹 브라우저의 역할 URL을 통해 Web을 탐색한다. HTML/CSS/JS를 이해한 뒤 해석해서 사용자에게 하나의 화면으로 보여준다. 즉, 웹 서비스 이용 시 클라이언트의 역할을 한다. 즉, 웹 페이지 코드를 이해하고, 보여주는 역할을 하는 것이 웹 브라우저다. JavaScript Engine 무조건 닫는 body 위에 js코드 작성해주어야 한다. EcmaScript EcmaScript는..
HTML form은 웹에서 사용자 정보를 입력하는 여러 방식(text, button, submit)을 제공하고, 사용자로부터 받은 데이터를 서버로 전송하는 역할을 담당한다. 데이터를 어디로? 어떠한 방식으로 보낼까? HTML form 속성 1. action 입력 데이터가 전송될 URL을 지정 설정하지 않으면 데이터는 form의 URL로 보내진다. 2. method 데이터를 어떻게 보낼 것인지를 정의 HTML form 데이터는 GET이나 POST 방식 둘 중 하나로 전송 가능! HTML element 사용자로부터 데이터를 입력 받기 위해 사용한다. 기본값이 text. HTML input 속성 name form을 통해 데이터를 제출했을 때 name 속성에 설정된 값을 서버로 전송하고, 서버는 name 속성에..
장고 너무 어려워...... 사실 어렵다기보단 헷갈리는게 너무 많고 익숙하지 않아서 같은 실수를 자주 반복해서 장고 일기(TIL + 코딩 도중 발생한 문제 정리) 적어보려고 한다... 아자아자..................... 가상환경 설치부터 장고 실행까지 python -m venv venv source venv/Scripts/activate pip install -r requirements.txt django-admin startproject 프로젝트 이름 . (.을 붙여주는 이유는 따로 폴더를 안 만들고 냅다 플젝 만드는 편이 경로 지정에 편하기 때문에.) python manage.py startapp 앱 이름 python manage.py runserver 서버 실행 내 가상환경을 저장해주고 ..
CSS 원칙 1. 모든 요소는 박스모델이고 좌측 상단에 배치된다. 2. display에 따라 크기와 배치가 달라진다. 3. position으로 위치의 기준을 변경한다. relative : 본인의 원래 위치 absolute: 특정 부모의 위치, fixed : 화면의 위치 box-sizing 기본적으로 모든 요소의 box sizing은 content-box이다. padding을 제외한 순수 contents 영역만을 box로 지정한다. 다만, 우리가 일반적으로 영역을 볼 때는 border 너비를 100px 보는 것을 원하고, 그러한 경우에는 box-sizing을 border-box로 결정한다. 대표적으로 활용되는 display display : block 줄 바꿈이 일어나는 요소(다른 요소들을 밀어낸다) 화면..