Web Dev 7

[Error] WebForms UnobtrusiveValidationMode에 'jquery'에 대해 ScriptResourceMapping

WebForms UnobtrusiveValidationMode에는 'jquery'에 대해 ScriptResourceMapping이 필요합니다. 이름이 jquery(대/소문자 구분)인 ScriptResourceMapping을 추가하십시오. 라는 에러가 발생 했다면  global.asax 파일에  Application Start 함수 아래에 다음과 같이 코드를 입력해줍니다.  protected void Application_Start(object sender, EventArgs e){ ScriptManager.ScriptResourceMapping.AddDefinition( "jquery", new ScriptResourceDefinition { ..

Web Dev/ASP.NET 2024.05.01

[Project] HTML & CSS 이용하여 Web page만들기 1편 [Icon, bootstrap, font 설정]

안녕하세요 24년 목표 달성을 위해 웹개발을 본격적으로 하기로 맘먹은지 어느덧,, 3달이 훌쩍 지났지만.. 이제 느리지만 꾸준히 프로젝트 하나하나 수행하면서 제 역량을 올리려고 합니다. 많이 부족하겠지만,, 조금씩 늘어날 제 역량을 기대하며,, 시작하겠습니다. 프로젝트 완성본을 먼저 보여드리면, 아래의 Github 홈페이지와 비슷하게 만들어보려고 합니다 !! 자 바로 시작하겠습니다. 환경 Setting vscode를 설정하시고 프로젝트를 수행할 폴더를 열기 하셔서 아래와 같이 폴더를 설정합니다. - images폴더 - index.html - main.css - favicon.png (icon image) 그리고 index file에 css 파일과 연결 시킬 link 구문을 title 밑에 추가합니다. 그..

Web Dev/HTML&CSS 2024.03.22

[HTML예제] 간단한 Website Project를 만들면서 HTML 익히기-2

이어서 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 자 이제 하나씩 살펴보자 먼저 이미지와 ..

Web Dev/HTML&CSS 2024.02.03

[HTML예제] 간단한 Website Project를 만들면서 HTML 익히기

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를 만들어 볼 것이다. 바로 아..

Web Dev/HTML&CSS 2024.02.03

[Web 개발] postman 설치 및 활용

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

Web Dev 2023.02.07

[Java] Random Dice 출력 Web 프로그램 만들기

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

Web Dev/Java 2023.01.19

이클립스 Spring boot 설정 및 첫 Web Site 만들어보기

안녕하세요 ~ 제가 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를 이용한 ..

Web Dev/Java 2022.06.21