삶의 공유

이어서 2번째 Website를 만들면서 HTML을 익혀 보자. 간단한 Website만들어보기 오늘도 아주 간단한 web site를 만들어 볼 것이다. 먼저 결과물을 보면 아래와 같다. 결과물과 코드를 하나씩 대조하면서 어떤 코드들이 Website의 어떤 부분들을 구현하는 것인지 확인해보자. HTML 코드는 다음과 같다. It's My Birthday!! On the 12th May What to bring: Baloons (I Love baloons) Cake (I'm really good at eatting) An apptite (there will be lots of foods) This is where you need to go: Google Map link 자 이제 하나씩 살펴보자 먼저 이미지와 ..

24년 목표로 그동안 미뤄왔던 Web 개발에 대한 공부를 시작해보려고 한다. 회사에서 자동화 Project를 맡기도 했고, 열심히 진행 해보고자 시작한다. 오늘은 간단한 Website Project를 만들면서 HTML 익히는 방법에 대해 알아보고자 한다. 사전 준비 먼저 사용할 Tool은 VS Code를 이용할 것이다. VS Code를 설치하고 2개의 확장팩을 설치가 필요하다 아래 Link를 타고 들어가서 VS Code를 설치한다. https://code.visualstudio.com/ 설치가 되면 아래의 2개의 확장팩을 설치해준다. - Live Preview - Prettier - Code formatter 간단한 Website만들어보기 오늘은 아주 간단한 web site를 만들어 볼 것이다. 바로 아..

안녕하세요 ~ 오늘은 Java Web 개발시 필요한 크롬의 확장 프로그램인 postman의 설치 및 사용 방법에 대한 포스팅을 작성해보려고 합니다. 어렵지 않으니 하나씩 잘 따라와보세요! 1. 구글에서 크롬 확장 프로그램 검색 아래와 같이 확장 프로그램을 검색 하시고 제일 상단에 나오는 (빨간색 네모 박스) Chrome 웹스토어를 클릭합니다. 그리고 POSTMAN을 검색해줍니다. 검색 하면 Tabbed Postman - REST Client 요거를 선택 해줍니다 (저는 미리 설치를 해둬서 추가됨이라고 뜨는 것입니다.) 눌러서 들어가면 우측에 보면 Chrome에 추가라는 파란색 버튼이 있을거에요 그걸 눌러주시면 설치가 됩니다 (저는 미리 설치를 했었어서 삭제라고 나오는 것이니 참고하세요 !) 그리고 크롬 ..

안녕하세요 오늘은 Random Dice을 출력 하는 Web 프로그램을 만들어보는 포스팅을 해보도록 하겠습니다. HTTP요청과 응답에 대한 예제로 해당 프로그램을 만들어 보려고 합니다. 간단하게 구성을 설명을 드리면 - 클라이언트 (Client) : 서비스를 요청 하는 애플리케이션 - 서버(Server) : 서비스를 제공하는 애플리케이션 로 구성이 되어있고 클라이언트가 서버에 요청을 하면 서버에서 그 응답을 웹페이지에 보여주는 것이라고 보시면 됩니다. 자 이제 만들어 보겠습니다. 먼저 클래스를 하나 만들어 줍니다. Name에 TwoDice라고 입력 해주시고 Finish 버튼을 눌러주세요! 그리고 이 class를 @controller 로 등록 해주고, @RequestMapping을 통해 Mapping을 시켜..

안녕하세요 ~ 제가 WEB개발에도 관심이 있어 현재 Java언어를 조금씩 공부하면서 WEB개발 공부에도 관심을 갖고 있습니다. 이클립스에서 Spring boot Tool 을 설정하는 방법을 포스팅 해보겠습니다. * 참고로 제 컴퓨터 환경은 맥북 입니다. 1. 먼저 이클립스를 실행 해 줍니다. 자 다음으로는 이클립스 Market place에서 spring tool을 설치하겠습니다. 2. HELP -> Eclips Marketplace 에 들어가줍니다. 3. spring이라고 검색하시면 제일 처음에 나오는 Spring Tools4를 install 해줍니다. 4. 기본으로만 설정 후 Confirm 을 클릭 해줍니다. 5. 동의합니다 해주고, Finish 버튼 클릭! 그럼 이제 spring boots를 이용한 ..