https://soundofcoding.tistory.com/앞으로 이곳에 기록됩니다

지난 시간에 이어 이번에는 톰캣과 JDK설치 그리고 환경변수를 세팅해보자먼저 익스플로어를 클릭하고 톰캣을 검색해서 원하는 버전을 설치하면 되는데다운로드를 클릭하면 자꾸 알수없는 경고창이 나올 수 있다 그럴때는 침착하게 인터넷창 오른쪽 상단에 있는 톱니바퀴를 클릭해보자

개발을 하다보면 AWS를 사용 할 일이 생기게 된다그럴때마다 여러 글들을 찾아보면서 따라하고 있는데아무래도 혼자 정리를 한번 해두면 나중에 내가 다시 설정을 해야할 때조금 더 이해하기 쉽고 빠르게 설정할 수 있겠다 싶어서 나를 위해 정리를 해보려고한다우선 나는 맥 사용

자바스프링 복습을 위해 간단한 예제를 작성해봤다 이번에 작성된 예제는 HTTP 실습을 하면서 사용된 예제이다 간단하게 주사위 이미지를 출력하고 새로고침을 하면 랜덤으로 6개의 주사위 사진이 랜덤으로 출력되는 간단한 프로그램이다 코드를 보자 ` 여기서 보면 제

Http 요청과 응답에 대해 간단하게 설명하면 WAS가 웹으로부터 어떠한 요청을 받으면 HttpServletRequest객체를 생성해서 그 안에 요청정보를 저장하고 요청을 받은 후 값을 만들어서 응답을 돌려줄 HttpServletResponse객체를 만들어서 요청에 대한 답을 돌려주게 된다 즉 요청-> 어떤 요청인지 Request객체에 담아서 요청받...

세상 간단하다 WAR파일을 준비한다 (war export는 전 글 참고) 맥OS기준 파일을 복사해서 ec2 인스턴스 실행하고 c드라이브 - 톰캣 - webapps 폴더안에 붙여넣기 하면 끝이다 webapps는 이름처럼 웹 어플리케이션이 설치되는 곳이고 실행하면 자동으로 압축을 풀어준다 이제 실행해볼텐데 c드라이브 - 톰캣 - bin 폴더에 가서 ...

인텔리제이에서 작업한 프로젝트를 외부로 추출해야 할 때 WAR파일로 Export하는 방법에 대해 작성해보겠다 * 작성된 포스팅은 맥OS 기준으로 작성되었습니다 * 우선 인텔리제이에서 프로젝트를 열자 File - Project Struct - Artifacts 선택 Artifacts + 버튼클릭 - Web Application Archive 선택 -...

우선 나는 지금 영화예매 페이지를 만들고있다 어느정도 다 만들어졌고 해당 기능적인 부분을 수정하고 있는데 버튼을 클릭 했을 경우 해당 버튼의 백그라운드 컬러를 변경해서 사용자 입장에서 내가 클릭한 버튼이 어떤 버튼인지 보다 명확하게 알게 해주고 싶었다 처음에는 단순히 클릭할 때 백그라운드 컬러만 변경하면 되는거아닌가? 라는 생각을 했는데 간단하게 ...

자바에서 제공하는 기본 API 중에 Reflection API 라는 것이 있다 이번에 처음 알게 되었는데 private이라고 해도 이 api를 사용해서 호출할 수 있다고 한다 이런 코드가 있다고 할 때 Main.java라는 파일을 하나 만들어서 이렇게 Refl

input을 사용하다보면 해당 에러를 자주 마주하게 된다 나같은 경우에 사용된 포인트와 사용한 쿠폰의 총 할인액을 구해서 해당 input창에 defaultValue로 넣어줬는데 총 할인액이 출력되지 않아서 value로 바꾸니 출력은 가능해졌다 하지만 해당 에

이번에 공부하면서 영화예매 페이지에서 클릭 시 해당 벨류값을전부 받아서 계속해서 쌓은다음 넘기는 것을 해야했는데그때 사용한 방법을 기억할 수 있게 정리해보려고한다우선 여기서 내가 사용한 방법은 총2가지로 볼 수있다첫번째는 props이고두번째는 useState이다axio

아주간단한 예제를 통해서onKeyUp도 사용해보고onClick도 사용해보고keyCode13이라는 것을 이용해서 클릭하지 않고 엔터만눌러서submit을 해보자일단 예제코드는 아래와 같다이벤트 e를 괄호안에 넣어주고 e.keycode===13 이라고 주면13이 엔터를 뜻함

콜백함수를 사용할 때 사용원칙이 있다콜백함수를 알아보기전에 1급 객체라는 것에 대해 알아보자자바스크립트에서의 함수는 1급 객체(First Class Object)이다함수 = 객체 1급 객체란?1급객체란 프로그래밍에서 일반적으로 다른 객체들에 적용가능한 연산을 모두 지원

리액트 공부를 하면서await를 이용한 코드를 자주 보게 되는데자세히 알지 못해서 우선 간단하게 정리하고 이어서 공부한 부분도 정리해볼 생각이다await 함수를 한마디로 정리하면await : Promise 가 끝날 때 까지 기다려라이렇게 정리 할 수 있다await 함수

이렇게 코드를 짜고 실행하면 콘솔창에서 이렇게 값을 출력받는데console.log뿐 아니라console.error가 있다는 사실을 알게되었다에러로 더 확실하게 눈에 잘 띄도록 만들 수 있게 되었다유레카!

우선 자바스크립트는 동기식 언어이다hoisting이 된 순간부터 순서대로 차근차근 실행되는 동기식 언어이다그럼 hoisting이 무엇일까?var, function declaration 이런 선언들이 제일 위로 올라가는 것이다코드가 나타나는 순서대로 실행된다는 의미 그렇

JavaScript에서 호이스팅(hoisting)이란인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미한다var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화하는데반면 let과 const로 선언한 변수의 경우 호이스팅 시

혼자 axios연습을 하기 위해서유용한 사이트를 알게되었다jsonplaceholder 라는 웹사이트인데해당 사이트에서 Resources에 posts를 눌러보면100개정도의 데이터를 뽑아올 수 있게 되어있다우리가 서버에서 데이터를 가져올 경우 생각해야하는 것은 단 2개만

바탕화면에 react for studying 이라는 폴더를 만들고vscode로 그 폴더를 열어서임의로 폴더 fetch를 만들고그안에 server와 client를 만든다터미널 창을 열고 cd fetch/server 를 통해 해당 폴더로 이동하고npm init을 입력하고엔

cors라는 것은 Cross-Origin Resource Sharing의 약자이다일단 이런 문제가 왜 생기는지에 대해 알아야한다서버에 요청을 하다보면 꼭 한번은 만나는 에러이다 현재 클라이언트를 실행해주는 서버는client: localhost:3000(react 개발