웹 개발의 기록들

안녕하세요. Nerd Lee 입니다. 이번 글은 typescript용 styled-components를 설치할 때 Cannot find module 'styled-components' or its corresponding type declarations. 오류를 해결하는 방법에 대해서 알아보도록 하겠습니다. - Cannot find module 'styled-components' or its corresponding type declarations. - 1. package.json 수정 react.js 환경에 있는 package.json 파일 수정 dependencies 또는 dev 환경으로 설치하셨다면 devDependencies에 있는 버전을 수정해주셔야 합니다. "dep..

안녕하세요. Nerd Lee 입니다. 이번 글은 .env 파일을 어떻게 하면, github에 올려도 클라우드 서비스에서 구동이 될 수 있는 지에 대해서 알아보도록 하겠습니다. - 환경 변수 관리하기 - 1. 설치하기 npm을 이용하여 dotenv 라이브러리를 다운받습니다. npm i dotenv 2. .env 파일 작성하기 프로젝트 폴더 최상단에 .env 라고 파일을 만들어줍니다. 그럼 process.env 라는 코드로 디렉토리에 있는 .env 파일을 읽어오는 역할을 합니다. AWS_KEY=어쩌구 저쩌구 AWS_SECRET_KEY=어쩌구 저쩌구 3. require 또는 import로 dotenv 라이브러리 사용하기 require 또는 import를 이용하여, dotenv를 사용하면 됩니다. require..

안녕하세요. Nerd-Lee입니다. 공부 내용은, 인프런 박매일님의 [NarP Series]MVC 프레임워크는 내 손에[나프1탄] 을 참고하였습니다. MVC 1단계인, Servlet 환경으로만 만들어보고, MVC 2단계로 넘어가고 나중에는 Spring Framework를 사용하는 방식의 강의입니다. MVC 1단계는, Controller + Model 만을 사용하는 방식입니다. 1. 테스트 html 파일 만들기 두 숫자를 입력해서, 전송버튼을 누르면 서블릿으로 넘겨서 계산을 하고, 그 값이 html 파일로 응답하는 예제 수1~수2까지의 합을 더하는 예제 수1 수2 2. 서블릿으로 넘기는 과정 공부 일단, input 태그에 있는 name이 변수역할을 한다. 웹에서는 파라미터라고 부른다. 전송과 취소를 눌러도..

안녕하세요. Nerd-Lee입니다. 공부 내용은, 인프런 박매일님의 [NarP Series]MVC 프레임워크는 내 손에[나프1탄] 을 참고하였습니다. MVC 1단계인, Servlet 환경으로만 만들어보고, MVC 2단계로 넘어가고 나중에는 Spring Framework를 사용하는 방식의 강의입니다. MVC 1단계는, Controller + Model 만을 사용하는 방식입니다. 1. 프로젝트 만들기 프로젝트는, Dynamic web project로 생성. 2. Servlet 보통 MVC란, Model, View, Controller를 나눠서 작업하는 디자인패턴을 얘기하지만 Servlet은 Controller면서, View도 한꺼번에 하게 된다. 불편하지만 이것이 시초였다. 기본을 알아야 jsp를 배우든, ..

안녕하세요. Nerd-Lee입니다. 공부 내용은, 인프런 박매일님의 [NarP Series]MVC 프레임워크는 내 손에[나프1탄] 을 참고하였습니다. 1. sql 파일 만들기 src 폴더 내에, kr.web.db라는 패키지 파일을 만든다. 패키지 내에, member.sql 파일을 만들어준다. 참고로, sql 파일은, Eclipse에서 Data Source Explorer / Database Connections 에 데이터베이스가 연결이 되어 있어야 사용이 가능하다. 2. MySQL 실행하기 cmd 또는 powershell로, 해당 db 폴더로 이동을 해서 startup.bat or ./ startup 을 입력하자. 그럼 실행이 잘된다. 만약 Do you already have another mysqld ..

안녕하세요. Nerd-Lee입니다. 공부 내용은, 인프런 박매일님의 [NarP Series]MVC 프레임워크는 내 손에[나프1탄] 을 참고하였습니다. 1. @WebServlet이란? web.xml에 계속 그럼 태그를 생성하고 매핑을 해줘야 하는가? 아니다. JAVA에서는 @WebServlet이란, 어노테이션을 제공해서 해당 어노테이션안에 경로를 입력하면 클라이언트에서, 해당 경로를 입력할 때 알아서 톰캣서버가 찾아서 실행해주게 된다. 주의할 점으로는, web.xml 파일과 중복된 값이 있으면 충돌이 일어나기 때문에 한 곳에서만 사용해야 된다. @WebServlet("/hs.do") //

안녕하세요. Nerd-Lee입니다. 공부 내용은, 인프런 박매일님의 [NarP Series]MVC 프레임워크는 내 손에[나프1탄] 을 참고하였습니다. 1. Servlet을 사용하기 위해서는 servlet-mapping 작업을 거쳐야한다. 지금 만들어진대로 만약 경로를 지정한다면 `http://localhost:port/web/WEB-INF/classes/kr.web.controller.HelloServlet 이란 경로로 클라이언트가 접근을 해야되는 것인가? 어차피 하지도 못한다. 할 수 있더라도 보안성이 취약해지기 때문에 servlet-mapping 작업을 해서 간단한 경로로 만들어줘야 한다. 그럼 servlet-mapping 작업은 어디서 해야 할까? web.xml에 해야한다. 태그를 추가하고, 그 안..

안녕하세요. Nerd-Lee입니다. 공부 내용은, 인프런 박매일님의 [NarP Series]MVC 프레임워크는 내 손에[나프1탄] 을 참고하였습니다. 1. Servlet이 뭐야?? Servlet은 100% JAVA로 이루어져 있고, Server + Let가 결합된 단어라고 한다. 2. 파일을 만들어보자. src / kr.web.controller(package) / HelloSevlet.java 를 만들어보자. HelloServlet.java 파일을 서블릿 형태로 만들어야 톰캣서버가 구동이 가능해지기 때문에 서블릿 형태로 만들어보자. HttpServlet 이란 클래스를 상속받자. 패키지명은 javax.servlet.http.HttpServlet 이다. Servlet 에서, Main 함수와 같은 제일 먼저..