next js에서 _app.tsx에 글로벌 스타일이 적용되지 않는 오류

현상 next js 프로젝트에서 글로벌 스타일을 지정하는 방법은 paga 폴더에 _app.tsx 파일을 만들어 css를 적용시켜주는데 공식 문서에서 시키는 대로 다 했지만 스타일이 지정되지 않는 오류가 발생했다 원인 공식 문서에 설명에 따르면 _app.tsx 파일이 없던상태에서 새로 만들면 껏다 켜야 적용이 된다고 한다 해결방법 원인을 알면 해결 방법은 간단한데 그냥 개발서버를 껏다 키면 되다 cf. https://nextjs.org/docs/advanced-features/custom-app

클라우드(Cloud)에 대해

Cloud의 뜻 클라우드 컴퓨팅, 일명 클라우드 기술은 영어 뜻 그대로 구름처럼 언제 어디서든지 컴퓨팅 자원을 사용할수 있는 기술을 말하다 클라우드 컴퓨팅에 발전 과정 컴퓨터가 발전함에 따라 싱글코어 -> 멀티코어 -> 여러 대의 멀티코어 가 생겨나게 되었고, 멀티코어의 갯수가 늘어남에 따라서 남는 컴퓨팅 자원이 생겨났다. 이러한 남는 자원을 돈을 받고 빌려줄수 있을까? 하며 생겨난 기술이 클라우딩 컴퓨팅이다. 컴퓨터를 어떻게 빌려주지? 그냥 단순하게 생각하면 컴퓨터를 물리적으로 빌려줄수도 있지만, 인터넷 속도가 빨라짐에 따라 남는 자원을 가상머신의 형태로 인터넷을 통해 빌려줄 수 있다. 클라우드 컴퓨팅의 장점 클라우드 기술은 클라이언트 입장에서 물리적 서버를 구입하는게 아니라 aws같이 계정을 만들고 ..

[장고]구름으로 장고 프로젝트 만들기 - 3. 페이지 추가하기

오늘은 전시간에 배운 프로젝트주소/admin 처럼 /url 을 입력해서 해당 페이지가 나타나게 해볼것이다 먼저 장고 앱 생성 명령어를 이용해 apptest 라는 장고 앱을 만들어 주자 django-admin startapp apptest 우리는 만들어진 apptest속 views.py를 건들여서 화면을 조작할것이다. 그 전에 새로 만든 apptest를 기존 장고프로젝트에 연결해 줄껀데 djangoproject 파일 안속 urls.py 파일에 코드를 추가로 입력해주자 먼저 월래 있던 코드를 살펴보면 path('admin/', admin.site.urls), 부분이 있는데 이러한 방식으로 url에 화면을 할당시킬수 있다 새로 추가한 부분은 apptest 속 views 파일을 가져온 다음 그 안에 있는 ind..

html 코드를 이용한 자기소개 페이지 예제

최근 친한 친구가 html를 처음 배우면서 모르는게 있다며 몇번 도움을 요청했었는데 다른것들을 하다가 다시 바닐라 html코드를 짜려니 예전으로 돌아간거 같아 기분이 이상했다 아무튼 이번에는 발표? 에 쓸 간단한 예제들 만들어달라는 부탁을 받아 친구가 쉽게 이해할수 있게 주석을 달아가며 코드를 짜봤다. 처음보는 사람도 바로 보고 이해할수 있게 아주 자세하게 주석을 적어주었는데 필요한 사람이 있으면 유용하게 썻으면 좋겠다. 자기소개 페이지 내 이름은 '이름' 좋아하는 사진 자주 가는 사이트 순위 (네이버) (유튜브) 취미 게임 유튜브 등등 info ...

[장고]구름으로 장고 프로젝트 만들기 - 2. 어드민 생성

전 시간에 장고 프로젝트를 실행시켜봤다면 이번엔 데이터베이스를 만들고 관리자 계정으로 들어가보는 연습을 해볼거다. 데이터 베이스 만들기 먼저 명령어를 입력해 프로젝트 데이터 베이스를 만들어 주자 python manage.py migrate 관리자 계정 만들기 장고 프로젝트를 url로 들어가 실행했었을때 도메인 뒤에 /admin을 붙이면 장고에서 지원하는 어드민 페이지가 나온다 관리자 계정을 만들게 되면 해당 페이지에 로그인에 db를 보다 쉽게 확인할수 있기 때문에 얼른 계정을 만들어 주자 python manage.py createsuperuser 해당 명령어를 입력하게 되면 터미널 창에 이어서 이름, 이메일, 비밀번호를 입력하게 되는데 기억하기 쉽게 적거나 잊어버리지 않게 적어놓는걸 추천한다. 아무튼 어..

[장고]구름으로 장고 프로젝트 만들기 - 1. 장고 프로젝트 시작하기(설치와 실행)

전 시간에 이어서 본격적으로 장고 프로젝트를 시작해보자 가상환경 설정하기 먼저 전에 만들었던 파이썬 프로젝트가 있다 우리는 앞으로에 장고 프로젝트에 버전 관리를 더욱 편하게 하기위해서 가상환경을 사용해 볼것이다. 아래 명령어를 터미널에 입력해 새로운 가상환경을 만들어 주자(가상환경 이름은 web_1 로 정했다) python -m venv web_1 그다음 가상 환경을 만들었으니 이젠 가상환경에 들어가야할 차례이다. 명령어를 입력해 주자 source web_1/bin/activate 장고 설치하기 가상환경이 실행되었다면 가상환경 안에 장고를 인스톨 해줄건데 또 명령어를 입력해주자 (※꼭 가상환경 안에서 실행시켜주어야 한다, 그냥 설치할꺼면 구름을 쓰는 의미가 없음) pip install django (pi..