본문 바로가기
728x90

IT96

Angular 11 Shopping mall Basic (2) Angular 11 쇼핑몰 구축: 결제, 배송, 서버 포함이 가이드는 Angular 11, Tailwind CSS, Express.js, MySQL을 사용하여 간단한 쇼핑몰을 구축하는 방법을 단계별로 안내합니다.1. 프로젝트 설정:Angular 프로젝트 생성:ng new my-shopping-mall --style=scss --routingcd my-shopping-mallTailwind CSS 설치:npm install -D tailwindcss postcss autoprefixernpx tailwindcss init -pExpress 서버 프로젝트 생성:mkdir servercd servernpm init -ynpm install express mysql2 body-parser cors2. Tailw.. 2024. 5. 13.
Angular 11 Shopping Mall Basic(1) Shopping mall 을 Angular 프로그래밍으로 구현하는 기본적인 예시를 제공드리겠습니다. 여기서는 간단한 쇼핑몰 구조를 만들어보는데, Angular의 기본 구조와 몇 가지 기능을 포함하여 설명하겠습니다.1. Angular 프로젝트 생성먼저, Angular CLI를 사용하여 새 프로젝트를 생성합니다. 터미널에서 다음 명령어를 실행하세요:ng new shopingmall이 명령어는 shopingmall이라는 이름의 Angular 프로젝트를 생성합니다. 프로젝트 생성 과정에서 라우팅 여부와 스타일시트 포맷을 물어볼 때, 라우팅을 Yes, 스타일시트는 CSS나 SCSS로 선택하세요.2. 기본 구조 설정프로젝트가 생성되면, 기본적인 쇼핑몰을 위한 몇 가지 컴포넌트를 생성할 필요가 있습니다. 가장 먼저,.. 2024. 5. 13.
HTML에서 Tailwind CSS 시작하기 날 HTML에서 Tailwind CSS사용 다른 프레임워크를 사용하지 않고 HTML에서 Tailwind CSS를 사용해 보자. "Tailwind CSS는 모든 HTML 파일, JavaScript 구성 요소 및 클래스 이름에 대한 기타 템플릿을 스캔하고 해당 스타일을 생성한 다음 이를 정적 CSS 파일에 작성하는 방식으로 작동합니다.런타임이 없고 빠르고 유연하며 안정적입니다." Tailwind CSS를 처음부터 시작하고 실행하는 가장 간단하고 빠른 방법은 Tailwind CLI 도구를 사용하는 것입니다. CLI는 Node.js를 설치하지 않고 사용하려는 경우 독립 실행형 실행 파일 로도 사용할 수 있습니다. 다른 프레임워크에 의존하지 않는 완전 독립형입니다. Standalone CLI: Use Tailwi.. 2024. 3. 18.
"short" 티스토리 글감검색 "글쓰는데 참고 할 수 있는 요즘 트랜드" - 🧐 '글감 검색'은 티스토리 글쓰기 화면아래에 새로 나타난 메뉴 - 🖱️ 해당 메뉴 클릭 시, 글쓰기 화면 오른쪽에 요즘 핫한 콘텐츠를 보여주는 메뉴 - 📚 메뉴에는 '멜론뮤직, 동영상, 영화, 책, TV, 공연, 전시, 인물'이 있고, 각 메뉴 선택 시 관련 목록 표시 - 🎬 목록에서 선택하면 이미지와 간단한 소개가 글쓰기 페이지에 삽입됨 - 🤔 글쓰기 고민 시, 각 카테고리별로 활용하여 인기 내용 참고 가능 - 📷 책 리뷰 시, 이미지 찾는 번거로움을 '글감 검색'으로 간편화 가능 - 🎉 다양한 활용 방법이 있으며, 재미난 기능으로 글감 찾는 데 도움됨 2023. 12. 8.
"shorts" 한번에 끝나는 글 요약 써머라이즈 "웹 사이트의 내용을 정리 해 둬야 할 때 요긴 요긴 합니다." - 🌐 **써머라이즈 크롬앱 소개:** - 웹사이트 긴 글을 ChatGPT를 활용하여 요약해 주는 서비스. - 확장 프로그램을 클릭하면 긴 글을 간결하게 정리해 줌. - 💭 **글 요약의 필요성:** - 저자의 어조와 생각을 이해하려면 글을 읽어야 하지만 때로는 간편한 요약이 필요. - ChatGPT 사이트를 이용해도 가능하지만, 확장앱 사용이 효과적. - ⚠️ **사용 시 주의사항:** - 한글의 경우 반응이 없거나 긴 글은 오류 발생 가능. - 사용 사례를 알아두면 도움이 됨. - 🔄 **틸노트 세이버 크롬앱 소개:** - 긴 글을 잘라서 요약해주는 크롬 확장 프로그램. - 요약이 길 경우 적절히 모아 다시 요약해 주는 편리한 앱. - .. 2023. 12. 7.
"shorts" ChatGPT 구글 확장 프로그램 확장 프로그램 요약 입니다. 여기서 빠르게 검색하시고 사이트 방문하시면 쉬워요 너무 많아서 찾기도 힘들어요 - 🌐 **ChatGPT for Google 설치하기** - Google 및 다른 검색 엔진에서 ChatGPT 응답을 즉시 확인할 수 있습니다. - 검색 결과 옆에 ChatGPT 응답이 표시됩니다. - 💬 **프롬프트 지니 구글 크롬 브라우저** - 챗GPT 질문 입력창 위에 '번역해서 질문' 버튼 추가 - 번역 없이 한글로 질문하고 번역 결과를 함께 받을 수 있음 - 🌐 **디플 번역기** - 구글 번역보다 정확하고 빠른 디플 번역기 설치 - 문장 선택 후 디플 로고 클릭으로 번역 가능 - 음성 및 복사 기능, 자유로운 배치 설정도 가능 - 🔍 **Chat GPT for Search Engines.. 2023. 11. 27.
728x90

티스토리툴바