IT12 [node.js] 설치 #터미널npm initnpm install express --savenpm install --save-dev nodemon package.json에서 type필드를 설정"dependencies": { "express": "^4.21.1" }, "devDependencies": { "nodemon": "^3.1.7" }, "type": "module" //type 필드 추가 module설정 끝 2024. 11. 13. [Django] VScode 설정 젯브레인의 파이참을 사용하면 Django프로젝트를 진행할때 참으로 편합니다. 그런데 사나이들이 편하고 쉬운것만 사용한다면 가오가 상할때가 있는데 그럴때 VScode를 사용하면서 어깨형님들과 나란히 서면 됩니다. (젯브레인이 겁나 비싸서 사용하는게 아닙니다 :) 사나이답게 Python 가상환경부터 만들어 주자#터미널python3 -m venv venv#가상환경 실행source venv/bin/activate# 설치확인pip list 뒤돌아 보지말고 바로 Django설치 하자#장고 설치pip install django#설치후 다시 pip list를 하게되면 Django와 관련 패키지가 설치 된다.pip list#결과Package Version-------- -------asgiref 3.8.1Djang.. 2024. 6. 19. 6. Next.js html을 반복문으로 줄이고 싶으면 map export default function List() { let menu = ['Tomatoes', 'Pasta', 'Coconut'] let a = [10, 20, 30] return ( 상품목록 {menu[0]} $40 {menu[1]} $40 {menu[2]} $40 ) } array 자료형 변수를 사용하면 문자, 숫자 등을 잠깐 보관해둘 수 있다.변수 하나에 여러개 문자나 숫자를 보관하고 싶은 경우에는 array 자료형을 사용하면 된다. let a = [10, 20, 30];let b = ['김', '이'.. 2024. 5. 31. 5. Next.js 여러 페이지 만들기 (라우팅) 페이지를 나누는걸 전문용어로 라우팅이라고 합니다. url로 페이지를 나누는것을 라우팅이라고 하며 라우팅하려면 일반적인 웹서버들은누가 /list로 접속하면 상품목록 html을 보여달라는 코드를 서버에 짜놔야 하는데Next.js를 사용하면 그런 코드를 짤 필요가 없이 폴더와 파일 하나만 만들면 자동으로 됩니다. Next.js는 라우팅을 할때 다음과 같이 라우팅 합니다.1. app 폴더 안에 폴더를 생성하고 이름을 정합니다.2. 폴더에 page.js파일을 만들고 안에 html을 작성하면 자동으로 url과 페이지가 완성됩니다. 위 처럼 코드를 작성하고 url에 /list 라고 붙여서 검색하면 만들어놓은 페이지가 생성됩니다. layout.js 사용하기헤더같이 반복적으로 사용해야할 기능들이 있지요 그래서 lay.. 2024. 5. 30. 이전 1 2 3 다음