dev-miri

https://styled-components.com/docs/basics styled-components: Basics Get Started with styled-components basics. styled-components.com 공식문서를 참고해 styled component를 설치해보자 npm install --save styled-components 설치 후, package.json 파일에 "styled-componets"가 생기면 성공! 이제 styled-componet를 사용해보자 import styled from 'styled-components'; const Title = styled.h1` font-size : 1.5em; text-align: center; color : palev..

bootstrap를 웹사이트에 적용해보자 https://react-bootstrap.github.io/getting-started/introduction React-Bootstrap The most popular front-end framework, rebuilt for React. react-bootstrap.github.io bootstrap 설치하기 npm install react-bootstrap bootstrap 필자는 이 과정에서 문제를 겪어서 아래 글에 트러블 슈팅 글을 따로 작성하였다 https://devmiri.tistory.com/21 npm add react-bootstrap bootstrap 안됨 해결방법 프로젝트가 있는 디렉토리에서 npm add react-bootstrap boo..

사실 (2) 전에 나왔어야 하는 내용이지만, 경로설정은 언제든지 다시할 수 있기 때문에 .. ㅎㅎ 내가 디자이너는 아니지만, 웹사이트를 만들기 위해서 우선 기획 과정이 필요하다 어떤 용도의 웹사이트? 쇼핑몰을 만들고자 한다. 사실 실제 물건을 판매 할 쇼핑몰은 아니고, 프로젝트를 위한 쇼핑몰이어서 아주 세부적인 기능들까지 정하진 않았다. 필수적으로 필요한 페이지는 무엇인가? 메인페이지 로그인, 로그아웃 화면이 달라지게 구현 로그인 로그아웃 상품 리뷰작성 관리자 상품 삭제, 추가, 유저 조회 기능이 포함되어야 함 어떻게 디자인 할 것인가? 미리캔버스를 이용하여 간단하게 페이지를 디자인 해보았다-문의 페이지는 모든 기능들을 구현 후 추가적으로 구현할 예정이다. 4. 데이터베이스 설계 aquerytool을 사..

하나의 웹사이트에는 여러 개의 웹페이지가 존재한다 웹사이트에서 페이지들로 이동하기 위한 경로 설정을 해보자 react-router-dom을 이용해서 해볼 것이다! https://v5.reactrouter.com/web/guides/quick-start Declarative routing for React apps at any scale | React Router Version 6 of React Router is here! React Router v6 takes the best features from v3, v5, and its sister project, Reach Router, in our smallest and most powerful package yet. reactrouter.com npm a..

react와 spring을 이용하여 간단한 쇼핑몰 웹사이트를 만들어보려고 한다 우선 공식문서를 이용하여 react 개발환경 구축부터 해보자 https://ko.reactjs.org/docs/create-a-new-react-app.html#create-react-app 새로운 React 앱 만들기 – React A JavaScript library for building user interfaces ko.reactjs.org 1. 폴더를 만들어 준다 2. cmd창을 키고, cd명령어를 이용하여 폴더의 위치로 이동한다 npx create-react-app my-app cd my-app npm start 진행할 것이면 y를 누르라고 하고, y를 누르고 조금 기다리면 시작할 준비가 된다 cd my-app np..

웹 프로그래밍 언어의 종류 스크립트 언어 기계어로 컴파일 되지 않고 별도의 번역기가 소스를 분석하며 동작하는 언어 컴파일 언어에 비해 가볍고 이해하기 쉽다 클라이언트 스크립트와 서버 스크립트가 있다 클라이언트 스크립트 : HTML5, 자바스크립트, jQuery 서버 스크립트 CGI(Common Gateway Interface) : 동적인 웹페이지를 생성하기 위해 개발된 최초 언어, 웹 서버와 외부 프로그램 사이에서 정보를 주고 받는 방법이나 규약을 포함한다 확장 CGI : 프로세스 기반의 CGI, 서버의 부하 세션 관리 등의 기술적 문제를 해결 Thread 기반의 Java, Java Servelt, JSP 서블릿 : JAVA를 사용하여 웹페이지를 동적으로 생성하는 서버 측 프로그램 서블릿은 스레드(thr..