웹 프로그래밍
-
jQuery를 쓰지않고 DOM 노드 이동시키기웹 프로그래밍/FE(Front-End) 2021. 6. 15. 16:58
오늘은 프로젝트를 진행하면서 사용했던 것중 정리해볼만한 내용이여서 글을 쓰려고 한다. 프로젝트의 기획서에서 요구사항은 )을 클릭하여 요청을 보낼때 Todo 의 Id와 상태값을 전달하여 다음 상태로 (현재 상태가 Todo라면 doing으로 doing 이라면 done) 상태를 나타내는 컬럼값을 변경하고 응답결과로 \"success\"를 보냅니다. \n "}" data-sheets-userformat="{"2":7081,"3":[null,0],"6":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":0,"4":1}]},"8":{"1":[{"1":2,"2":0,"5":[null,2,0]},{"1":0,"2":0,"3":3},{"1":1,"2":..
-
Database 사용자 생성과 권한 주기웹 프로그래밍/BE(Back-End) 2021. 6. 10. 21:43
오늘은 국비지원교육에서 sql을 배웠을 때는 못배웠던 것인데 이번 강의를 통해 알게된 것이 있어 정리해보려고 한다. 일단은 방법을 설명하고 이렇게 사용자 생성과 권한을 주면 어떠한 점에서 쓰이는지 설명해보려고 한다. 방법은 cmd를 실행시키고 mysql모드로 변경 후, (mysql모드로 변경 방법: mysql –uroot -p) 먼저 유저 정보를 아래의 명령문을 통해 만든다. 사용자ID와 비밀번호는 본인이 원하는 것으로 설정하면 된다. create user '사용자ID'@'%' identified by '비밀번호'; create user '사용자ID'@'localhost' identified by '비밀번호'; 여기서 2개의 명령문이 무엇이 다른지 궁금할텐데 @’%’는 어떤 클라이언트에서든 접근 가능하다..
-
EL(Expression Language)과 JSTL(JSP Standard Tag Library)웹 프로그래밍/BE(Back-End) 2021. 6. 4. 19:58
오늘은 EL과 JSTL에 대해 배웠다. 처음 웹 백엔드 개발자가 되겠다는 생각을 가지고 여러 개발자의 얘기나 블로그 글을 보면서 자바와 스프링프레임워크가 많이 쓰인다 하여 자바 기초 문법을 배우고 스프링을 접해봐야겠다는 생각이였다. 하지만 기초적으로 알고 가야할 것이 매우 많은 것 같다... 웹 서버, WAS부터 시작해서 servlet, serlvet을 개선한 JSP 오늘은 또 다른 주제인 EL과 JSTL이다. 먼저, EL에 대해 알아보자. EL을 단순히 우리말로 번역하면 표현 언어라는 것으로 값을 표현하는 데 사용되는 스크립트 언어로서 JSP의 기본 문법을 보완하는 역할을 한다. JSP를 그냥 쓰면 되는데 굳이 EL이라는 것을 만든 이유는 무엇일까? JSP를 사용해보면 JSP에는 HTML과 JAVA 코..
-
JSP와 SCOPE 접해보기웹 프로그래밍/BE(Back-End) 2021. 6. 3. 17:35
오늘은 JSP와 SCOPE에 대해 배웠다. 먼저 JSP가 무엇인지부터 알아보고 간단한 예제 코드를 보면서 설명해보겠다. JSP는 JavaServer Pages의 약어로 Java 언어를 기반으로 하는 스크립트 언어로 HTML 코드에 Java 코드를 넣어 동적인 웹 페이지를 생성하는 웹 어플리케이션 도구이다. 우리는 HTML을 통해 웹 페이지를 구현하려고 하면 기능이 정해진 태그 안에 텍스트를 넣거나 링크를 걸거나 파일의 위치를 지정한 등 정적인 기능만 구현이 가능하다. HTML 안에서 다른 언어의 코드를 넣어 동작시키는 것은 HTML이 제공하는 기능만으로는 불가능하다. 하지만 JSP를 사용하게 되면 HTML과 동적으로 생성된 contents를 혼합하여 사용할 수 있다. 즉, 사용자가 요청하는 것에 맞게 동..
-
JS(JavaScript)와 Web UI 개발웹 프로그래밍/FE(Front-End) 2021. 6. 2. 16:21
오늘은 웹 페이지를 구현하는 데 있어 복잡한 사용자의 요구사항을 충족시켜 줄 수 있는 javascript언어의 기초에 대해 배우고 Web UI 개발에 필요한 개념들에 배웠다. 오늘 배운 JS에 대한 것 중 정리하고 싶은 내용은 함수이다. 다른 언어도 함수를 선언하여 특정 기능을 구현하는 것이 존재한다. JS도 마찬가지로 함수를 선언하는 방법이 존재하는데 기본적인 함수선언문은 아래와 같다. function 함수이름(파라미터1, 파라미터2, ..) { 기능 코드 } JS에서 함수를 배울 때 처음으로 배운 개념은 호이스팅(hoisting)이다. 코드를 통해 설명해보면 function test(){ console.log(printName()); var printName = function() { return '..
-
Tomcat 접해보기웹 프로그래밍/BE(Back-End) 2021. 5. 28. 16:29
오늘은 WAS로 흔히 쓰이는 아파치의 Tomcat과 자바 웹 어플리케이션의 구성요소 중 동적인 처리를 하는 프로그램인 Servlet에 대해 배웠다. Tomcat은 WAS역할을 하는 소프트웨어인 것은 알겠는데 WAS는 무엇일까? WAS는 일종의 미들웨어로 웹 클라이언트(웹 브라우저)의 요청 중 웹 애플리케이션이 동작하도록 지원하는 목적을 가지고 동작한다. 처음 웹이 등장했을 때에는 정적인 콘텐츠만 보여주었다. 웹의 사용자 수가 증가하고 널리 퍼짐에 따라 사용자들의 요구사항은 증가하였고 동적인 기능까지 요구하게 되었다. 이러한 동적인 기능은 웹 서버에 프로그래밍 기술을 도입하는 CGI를 통해 해결했다. CGI는 단순한 프로그래밍에서는 문제가 없었으나 web이 점점 복잡해지면서 복잡한 기능을 요구하기 시작했다..
-
HTML과 CSS웹 프로그래밍/FE(Front-End) 2021. 5. 27. 18:57
먼저, 웹 페이지의 설계에 기본적으로 사요되는 HTML에 대해 배웠다. HTML은 HyperText Markup Language의 약어로 웹 페이지는 HTML 문서라고도 불리며, HTML 태그들로 구성된다. 각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는데 사용됩니다. HTML은 여러 태그들로 이루어져 있다. 태그들은 각각의 의미를 가지고 있어 semantic하다고 표현하기도 한다. 태그를 통해 하이퍼링크를 걸어주거나 제목을 쓰거나 혹은 보여주고 싶은 이미지나 글들을 보여줄 수 있다. (HTML 태그의 종류는 https://www.w3schools.com/TAGS/default.ASP 에서 확인할 수 있다.) HTML 태그를 직접 써보면서 어떻게 웹 페이지에 나타나는지 확인해보자. VSco..
-
웹 프로그래밍 공부 시작!!(With 부스트코스)웹 프로그래밍 2021. 5. 25. 18:13
오늘부터 웹 프로그래밍을 공부하기 시작했다. 웹 프로그래밍을 처음 접한 것은 2020년 12월 28일부터 참여한 국비지원교육에서이다. 비전공자인 나는 평소 웹 페이지를 통해 정보를 얻고 서비스를 받으며 어떻게 구현되는지 궁금했지만 직접 찾아볼 생각은 하지 않았다. 하지만, 국비지원교육을 들으면서 간단한 웹 페이지 구현부터 로그인, 회원가입 서비스 구현 등을 하면서 점점 흥미를 느끼기 시작했고 웹 개발자가 되고 싶다는 생각을 가지게 되었다. 2021년 02월19일 교육을 수료하고 개발자가 되기 위해 어떠한 공부를 해야하고 나는 어떤 개발자가 되고 싶은지 생각해봤다. 웹 개발자도 프론트, 백엔드 개발자가 있어 나는 그 중 백엔드를 개발하는 것이 뭔가 정보통신공학을 전공하면서 컴퓨터 네트워크나 데이터통신을 배..