CLIEN

본문 바로가기 메뉴 바로가기 보기설정 테마설정
톺아보기 공감글
커뮤니티 커뮤니티전체 C 모두의광장 F 모두의공원 I 사진게시판 Q 아무거나질문 D 정보와자료 N 새로운소식 T 유용한사이트 P 자료실 E 강좌/사용기 L 팁과강좌 U 사용기 · 체험단사용기 W 사고팔고 J 알뜰구매 S 회원중고장터 B 직접홍보 · 보험상담실 H 클리앙홈
소모임 소모임전체 ·굴러간당 ·아이포니앙 ·주식한당 ·일본산당 ·MaClien ·방탄소년당 ·개발한당 ·자전거당 ·이륜차당 ·안드로메당 ·나스당 ·골프당 ·콘솔한당 ·라즈베리파이당 ·클다방 ·바다건너당 ·테스트당 ·뚝딱뚝당 ·퐁당퐁당 ·육아당 ·요리한당 ·개판이당 ·디아블로당 ·찰칵찍당 ·리눅서당 ·IoT당 ·달린당 ·젬워한당 ·냐옹이당 ·날아간당 ·노젓는당 ·AI당 ·가상화폐당 ·3D메이킹 ·X세대당 ·ADHD당 ·AI그림당 ·사과시계당 ·배드민턴당 ·야구당 ·농구당 ·블랙베리당 ·곰돌이당 ·비어있당 ·FM당구당 ·블록체인당 ·보드게임당 ·활자중독당 ·볼링친당 ·캠핑간당 ·문명하셨당 ·클래시앙 ·쿠키런당 ·대구당 ·DANGER당 ·동숲한당 ·날아올랑 ·전기자전거당 ·e북본당 ·갖고다닌당 ·이브한당 ·패셔니앙 ·물고기당 ·도시어부당 ·FM한당 ·맛있겠당 ·포뮬러당 ·소시당 ·걸그룹당 ·안경쓴당 ·차턴당 ·총쏜당 ·땀흘린당 ·하스스톤한당 ·히어로즈한당 ·인스타한당 ·KARA당 ·키보드당 ·꼬들한당 ·덕질한당 ·어학당 ·가죽당 ·레고당 ·LOLien ·Mabinogien ·임시소모임 ·미드당 ·밀리터리당 ·땅판당 ·헌팅한당 ·오른당 ·영화본당 ·MTG한당 ·소리당 ·노키앙 ·적는당 ·방송한당 ·PC튜닝한당 ·그림그린당 ·소풍간당 ·심는당 ·패스오브엑자일당 ·품앱이당 ·리듬탄당 ·Sea마당 ·SimSim하당 ·심야식당 ·윈태블릿당 ·미끄러진당 ·축구당 ·나혼자산당 ·스타한당 ·스팀한당 ·파도탄당 ·테니스친당 ·빨콩이당 ·공대시계당 ·여행을떠난당 ·터치패드당 ·트윗당 ·창업한당 ·VR당 ·시계찬당 ·WebOs당 ·소셜게임한당 ·위스키당 ·와인마신당 ·WOW당 ·윈폰이당
임시소모임
고객지원
  • 게시물 삭제 요청
  • 불법촬영물등 신고
  • 쪽지 신고
  • 닉네임 신고
  • 제보 및 기타 제안
© CLIEN.NET
공지[점검] 잠시후 서비스 점검을 위해 약 30분간 접속이 차단됩니다. (금일 18:15 ~ 18:45)

개발한당

질문 jsp 에 궁금한게 있어서 질문드리고 싶습니다. 24

2022-01-12 00:28:35 112.♡.150.99
huhuhuhu

html, css, javascript 공부중인 대학생입니다.


궁금한게 있어서 질문드리고 싶습니다.

제가 웹페이지에 게시판을 만들고 싶어서. 찾아보니 jsp나 php를 배워야 하더라구요..


근데.. jsp 강좌를 보는데. jps에 html과 똑같은 태그를 사용하고. 다른게 없던데..

굳이 jsp를 사용하는 이유가 있나요?


무료강좌다 보니 이부분에 대한 설명도 약하고.

그냥 예제를 영상으로 보여주는 식으로 설명된걸 보고있습니다.



찾아보니 서버와 웹페이지의 차이라고 하던데..

클리앙 네이버 같은경우는 html이 아닌 jsp 파일로 만들어져있는건가요?


아톰이라는 툴 쓰고 있는데..

jsp는 이클립스 를 쓰는게 좋다고 하고. 심지어 파일을 열려면,  서버도 열어야 체크가 가능하더라구요.

이클립스는 아톰보다 훨씬 불편하구요..


jsp 와 php 중에서 고민하다가.

jsp가 더 많은 기업에서 쓰이고, 배워두면 좋을것 같아서 공부하고있는데.

초반에서 의지가 확 꺽이네요...



1. 궁금한게. 현재 나와있는 대부분의 웹페이지는 jsp 기반의 웹사이트들인가요?

2. html은 그럼 어느 용도로 사용하나요?

3. 게시판은 html과 자바스크립트만으로는 불가능하겠죠?\

4. html를 jsp로 바꾸는건 복붙밖에 없나요?.. 확장자를 바꾸니 파일이 깨지더라구요... 


https://zzxx373014.synology.me/community.html

어떻게든 되겠지하고 폼 만들고. 버튼구현하다가 찾아보니 이렇게 되었습니다. ㅠㅠ ㅋㅋ 

huhuhuhu 님의 게시글 댓글
  • 주소복사
  • Facebook
  • X(Twitter)
댓글 • [24]
SpaceFunk
IP 124.♡.220.31
01-12 2022-01-12 01:38:26 / 수정일: 2022-01-12 01:38:33
·
영상 강좌 말고 관련 기초 서적을 한 권 사서 보심이 어떨까요? 현재 주신 질문의 범위가 너무 광대한 거 같네요.
huhuhuhu
IP 106.♡.195.102
01-12 2022-01-12 04:31:06
·
@SpaceFunk님 도서관 가서 빌려와야겠습니다 ㅠ ㅠ
SpaceFunk
IP 124.♡.220.31
01-12 2022-01-12 06:25:09 / 수정일: 2022-01-12 06:37:08
·
@하뉴데스님 저는 예전에 공부할 때 '최범균'님의 책이 jsp 공부에 많이 도움이 됐었는데, 하도 오래전이라... 요즘은 더 최신의 좋은 책들이 많이 나왔을 거에요.

혹시나 최근의 jsp 책들이 너무 초반부 설명이 얕게(?) 나와있어서 이해가 어렵다면, 최범균 님의 저서 초반부 부분을 보시면 이해하시기 쉬울 거 같습니다. 최범균님이 jsp 책을 여러 권 내셨었을거라서 대부분 도서관에 있을 거에요.

근데 꼭 jsp로 구현하셔야 되는 이슈가 있나요? 다른 선택지 중 하나인 php에 비해서 서버쪽(Tomcat 등) 설정이 좀 필요할 거거든요. 호스팅 업체들 수도 상대적으로 적기도 하고요. (php를 추천하려는 건 아닙니다~!)
huhuhuhu
IP 112.♡.150.99
01-12 2022-01-12 06:41:07 / 수정일: 2022-01-12 06:45:10
·
@SpaceFunk님 인터넷에서 찾아보니 PHP는 개인용이고. JSP 는 취업할때 도움이 된다는 글을 봐서.. 이왕할꺼면.. 도움될만한걸로 하자.. 한게 화근이었습니다.

계속 jsp 에대해 찾아보면서 공부중인데. 이론에 대한건 어느정도 알겠으나..
실습에서 또 막혀버리네요. ㅠㅠ ;;
거의 다 3~4년 된 강의 영상이나 글들이라 이클립스의 버전도 다르고.
아톰과 다르게 눈이 많이아파서 집중이 잘 안되네요..

그냥 PHP로 넘어가고 JSP는 복학후 공부해야 하나 고민입니다. ㅜㅜ
찾아보니 무료 강좌 자체가 PHP가 압도적으로 많네요. ㅋㅋ
라보노
IP 110.♡.249.148
01-12 2022-01-12 01:40:30
·
길고 자세하게 설명할 자신은 없어서...
짧게 설명드리면 정적페이지, 동적페이지의 차이입니다.

https://titus94.tistory.com/4

html, css, : 정적인 컨텐츠
javascript : 브라우저에서 html, css 요소에 동적인 기능을 줍니다.

jsp : 서버에서 컴파일되어 DB 등의 처리를 하고 그 결과를 사용자 브라우저로 보내줍니다.
그 컴파일의 결과물은 결국 html, css, javascript가 됩니다.

jsp나 php는 동적으로 html을 만들어주는 도구입니다.
huhuhuhu
IP 106.♡.195.102
01-12 2022-01-12 04:28:34
·
@라보노님 알려주셔서 감사합니다!
더 찾아보니 어느정도 이해가 되었습니다!
gistthat
IP 114.♡.132.21
01-12 2022-01-12 04:13:32 / 수정일: 2022-01-12 04:20:20
·
하아....개념이 적립되지 않은 상황에서 만들기 부터 시도하신거 같아요.
윗분 말씀대로 웹프로그래밍에 대한 기초서적부터 보시고, 개념부터 적립하시는게 좋다고 생각합니다.
마크업 랭귀지가 뭔지, 프론트엔드가 뭔지, 백엔드가 뭔지 웹페이지가 어떤 식으로 작동하는지부터 차근차근 가셔야 할꺼 같습니다.

그리고 요즘 jsp를 사용하는 기업은 많지 않습니다. 스프링 부트에도 템플릿 엔진이 디폴트라서요.
huhuhuhu
IP 106.♡.195.102
01-12 2022-01-12 04:30:17
·
@gistthat님 지금 학생이라 돈이 없어서. 인터넷으로만 찾아보고 있습니다ㅠ ㅠ

Html과 자바스크립트 CSS의 경우 무료인강 자체도 많고 자료자체도 방대했는데

Jsp는 인강도 적고 자료도 중복되는게 많아서 어렵더라구요 ㅠ ㅠ
gistthat
IP 114.♡.132.21
01-12 2022-01-12 07:38:16 / 수정일: 2022-01-12 07:43:52
·
@하뉴데스님 JSP는 Java로 Spring 같은 프레임워크로 웹 어플리케이션을 구현함에 있어서 view부분을 담당하는 하나의 요소에 불과합니다. 거기다가 이제는 템플릿 엔진들에 대체되어서 점유가 많이 떨어지고 있는 상황이구요. 당연히 인터넷 강좌에서 인기가 없을수 밖에 없죠.

전자정부 프레임워크를 사용하는 특정 사업에 참가하는 사람들이 아니라면 굳이 기술로 jsp를 익혀야할 이유를 모르겠습니다. 애초에 jsp를 안다고 해서 웹페이지 구축이 가능한것도 아니구요.
huhuhuhu
IP 112.♡.150.99
01-12 2022-01-12 08:01:49
·
@gistthat님 PHP로 넘어가야겠네요.

JsP 관련 블로그에서 PHP보다는 JSP가 실무에 많이쓰인다고해서 이왕할거면 미래에 도움되는걸로 만들어보자 해서.. 시작했는데.

제가 만들고자 하는 건 PHP에서도 가능하니...
무료강좌도 많고 정보도 많아서 넘어가는게 맞는거 같네요
gistthat
IP 110.♡.56.238
01-12 2022-01-12 08:17:48 / 수정일: 2022-01-12 08:22:36
·
하뉴데스님// 10년전이라면 몰라도 지금은 꼭 jsp가 아니면 php라는 이분법적으로 생각하실 필요 없다고 생각해요. 위에 홈페이지에 올려주신거 봤는데, javascript에는 많이 익숙해지신거 같은데, 웹을 구현하시는게 목표라면 javascript문법으로 웹개발을 할수 있는 nodejs로 해보시는 것도 추천합니다.
lechedecoco
IP 211.♡.148.226
01-12 2022-01-12 05:00:46 / 수정일: 2022-01-12 05:09:12
·
저도 책을 한번 훑어라도 보는 것을 추천합니다.
먼저 전체적인 윤곽을 대충 알고 공부하는 거죠. 목차 부분을 처음부터 끝까지 읽어 보세요. 이해할 필요는 없구요. 이러이러한 용어/기능이 있네 정도만 알면 막히는 부분에서 검색에 도움이 됩니다. 챕터 시작 부분에 있는 1~2문단 정도 설명까지 보는 것도 좋습니다.

1. 대부분의 웹사이트는 JSP 기반인가?
아니에요. 웹페이지는 다양한 언어로 만들 수 있습니다. PHP, Python, Ruby, JavaScript, Java, Kotlin, Scala, Clojure, Haskell 등이 있습니다. 이외에도 훨씬 많은 언어 및 프레임워크로 웹페이지를 만들 수 있습니다.

2. html의 용도는?
브라우저에 보여지는 화면은 일반적으로 html, css, javascript로 구성되어 있습니다. url로 접속한다는 것은 서버에 있는 또는 서버가 생성한 html 문서를 다운로드 받아서 화면에 표시하는 것을 말합니다. 서버가 Java/JSP로 구성되어 있다면 index.jsp 파일이 html 문서로 변환되어 브라우저로 전송됩니다. 따라서 html은 일종의 약속, 최종결과물로서의 역할을 합니다. 예를 들어, 브라우저는 html만 해석 가능한데 서버가 엉뚱한 포맷의 문서를 보내면 브라우저가 화면에 표시를 할 수 없겠죠.

3. html, javascript로 게시판 만들 수 있나?
게시판이라 함은 여러 사용자가 글을 추가하거나 삭제할 수 있는 즉, 동일한 url로 접속하더라도 내용이 바뀌는 동적 웹페이지이므로 반드시 서버가 필요합니다. 데이터를 저장하는 DB가 있어야 하고, 여기서 필요한 데이터를 가져와서 html 문서를 만드는 역할을 서버가 합니다.
이때, 서버를 Java 언어로 만들었다면 JSP를 사용하여 Java 코드와 html 태그와 JSP 전용 태그를 섞어 사용하여 .jsp 파일을 만듭니다. 예를 들어 DB 글 목록 조회 기능을 Java 코드로 작성하고, 반복 처리, 분기 처리 기능을 하는 JSP 전용 태그로 글 목록 10개를 표시하는 index.jsp 파일을 만들 수 있습니다. 사용자가 글 목록 페이지로 접속하면 이 index.jsp 파일이 브라우저로 전송되는 것이 아니라 Java 코드, JSP 전용 태그가 제거/변환된 html 태그로만 이루어진 html 문서가 전송됩니다.

4. html 파일을 jsp 파일로 바꿀 수 있나?
복붙해서 정상 표시되면 확장자를 바꿔도 잘 될 같은데 툴에서 바꾼거면 윈도우 탐색기에서 한 번 해 보시길...

간단히(?) 설명하였는데 실제 변환 과정은 조금 더 복잡하며, 이는 Servlet, WAS, Tomcat 등을 공부하며 이해하시면 됩니다.

학교 강의라면 JSP 열심히 하시고, 그게 아니라면 JSP는 맛만 보고 다른 백엔드 언어 및 프레임워크도 알아보세요~
huhuhuhu
IP 112.♡.150.99
01-12 2022-01-12 06:43:04
·
@lechedecoco님 와!! 긴글 정말 감사합니다.
학교강의는 아니고. 복학전 공부도 하고, 개인 웹사이트도 만들겸 공부하고 있습니다.!!

생각보다 웹개발이 재미있더라구요.
학교도서관가서 PHP던 JSP던 책을 빌려와야겠습니다.ㅠㅠ
노쇠한엔지니어
IP 210.♡.94.27
01-12 2022-01-12 08:00:51 / 수정일: 2022-01-12 13:08:57
·
JSP와 같은 서버 렌더링은 요즘은 점점 사라져가는 추세입니다. 서버(Backend)는 API 만 담당하고 프론트(Frontend) 기술로 뷰 처리를 많이 해요. 웹 개발은 여러 언어들을 사용할 수 있지만 한국에선 Java Spring을 가장 많이 사용합니다. 네이버/카카오/라인/쿠팡/토스 등등이 대부분의 IT기업이 Spring을 메인 백엔드로 사용해요. 그리고 이 회사들중 오래된 서비스가 아닌 신규 프로젝트로 서버렌더링을 쓰는 프로젝트는 없다고 보셔도 되요.

Java Spring이 세팅된 프로젝트에서 작업하는건 어렵진 않은데.. 처음 시작이 허들이 좀 높아요. 온갖 개념이나 설정들을 이해해야하고.. 설정 방법도 오만가지라.. 그것도 꽤 자주 바껴요. 1-2년 지나면 새로운 방법들이 등장.

프론트 쪽은 별도로 발전해서 이쪽만 전담하는 엔지니어가 큰 회사에서는 보통 따로 있습니다만, 백엔드 개발자가 프론트도 같이 하는 팀도 꽤 있어서 업무를 쳐낼 정도는 다 배워 둡니다. 작은 기업은 보통 같이 하구요. AngularJS 혹은 ReactJS가 현재는 많이 쓰는 기술인데 꽤 짧은 주기로 유행이 바뀝니다.

취업자체가 목표라면 대부분의 회사가 코딩 테스트를 내고 있고 코딩 테스트 문제가 몹시 어렵기 때문에 그걸 공부하는걸 추천드려요. 어차피 신입 뽑을 때 스프링 알고있을거란 생각을 거의 안해요.

참고로 툴은 자바 계열이라면 intelliJ가 거의 표준급입니다. 프론트는 웹스톰을 많이 사용해요.
huhuhuhu
IP 112.♡.150.99
01-12 2022-01-12 08:04:39
·
@Concode님 오 좋은정보 감사합니다!

자바스프링은 PHP 기본까지 다룰만 하면 공부해봐야겠네요!!

이제 2학년 들어가다보니.
개발쪽에는 초보자나 다를바 없어서요!!
군휴학해서 물어볼 사람들도 없고.

무엇보다 저희학교가 웹개발은 강의를 거의 안한다고 해서 복학전 어느정도 공부해두려고 합니다!


목표는 웹, 앱개발이 목표입니다!! ㅎㅎ
노쇠한엔지니어
IP 121.♡.149.101
01-12 2022-01-12 08:24:58 / 수정일: 2022-01-12 08:26:01
·
@하뉴데스님 웹 공부가 목적이라면 nodejs를 추천드립니다. Spring에 비해 허들이 매우매우매우 낮습니다. 현업에서도 개발 속도가 중요한 프로젝트들은 node로 작업하기도 하구요. javascript 언어라 나중에 프론트 배울 때 도움이됩니다.

참고로 node 작업할 때 툴은 웹스톰을 많이 씁니다. 혹은 VS Code.

제 주위에선 PHP 썼다는 프로젝트는 10년전에 들어본게 마지막인거 같네요;

공부 스스로 하시는 모습 보기 좋네요. 웹/앱 잘 만들어 보시길!
huhuhuhu
IP 112.♡.150.99
01-12 2022-01-12 08:27:09
·
@Concode님 앗 더 좋은 정보 계속 추천해주셔서 감사합니다. !

php도... 죽어간다니.. 현직자 아니면 못얻는정보를.. ㅎㅎ
열심히 공부하겠습니다!!
자치구
IP 1.♡.167.132
01-12 2022-01-12 09:40:21
·
https://nomadcoders.co/
여기서 무료강의 위주로 추천합니다
huhuhuhu
IP 112.♡.150.99
01-12 2022-01-12 09:43:53
·
@악어와늪님 감사합니다.
https://www.inflearn.com/
https://www.edwith.org/

이거 두개위주로 공부했는데 좋은 사이트 하나 알아갑니다.!!!!
PIVOTMAN
IP 119.♡.33.64
01-12 2022-01-12 16:04:24 / 수정일: 2022-01-12 16:07:57
·
html은 일방향 정보만 제공, html+jsp는 쌍방향 이라고 생각하시면 됩니다.
요즘 jsp를 안쓴다고 하더라도 이클립스에서 tomcat+html+jsp+mysql 연동하면서 로그인, 게시판 등을 연습으로 만드시면 웹프로그래밍이 어떤 구조로 연동되는지 이해가 될 겁니다.
그리고 프레임워크로 넘어가시면 될 것 같네요^^

그리고 JAVA를 소홀이 하지 마시고, jsp에서 상속들을 풍부하게 사용하는 연습도 추천합니다~
huhuhuhu
IP 112.♡.150.99
01-13 2022-01-13 09:05:18
·
@PIVOTMAN님 열심히 공부 해보도록 하겠습니다!!!!

JAVA 머리아프네요 ㅋㅋ
Jeff.
IP 59.♡.102.201
01-13 2022-01-13 04:04:26 / 수정일: 2022-01-13 04:08:36
·
JSP 하향세로 든지 오래고 PHP 개발은 더더욱 보기 힘들 정도입니다. 위 분들 말대로 frontend, backend 가 뭔지 부터 차근차근 공부해 나가세요.
그리고 JSP 어느정도 기본은 보셨을테니 JAVA는 좀 눈에 익으실테고 하니 Spring Framework, SpringBoot 공부를 적극 추천합니다. 울나라에선 아직 자바가 최고!! ㅋ. 만일 자바가 싫다면 앱개발로 빠르게 전향을 추천합니다.
huhuhuhu
IP 112.♡.150.99
01-13 2022-01-13 09:07:22
·
@Jeff.님 일단 조금 더 공부 진행해보고 nodejs. 공부후
스프링 부분 공부해보려고 합니다.!!

앱개발은.. 복학하면 하기싫어도 공부해야해서! ㅋㅋㅋ
저희학교가 웹에 대한부분에 대한 강의가 별로 없더라구요.
IIIxe
IP 125.♡.213.14
01-19 2022-01-19 03:02:45 / 수정일: 2022-01-19 03:03:22
·
...
할 말은 많지만, 참 안타깝네요. jsp는 하지 마시길...
새로운 댓글이 없습니다.
이미지 최대 업로드 용량 15 MB / 업로드 가능 확장자 jpg,gif,png,jpeg,webp
지나치게 큰 이미지의 크기는 조정될 수 있습니다.
목록으로
글쓰기
글쓰기
목록으로 댓글보기 이전글 다음글
아이디  ·  비밀번호 찾기 회원가입
이용규칙 운영알림판 운영소통 재검토요청 도움말 버그신고
개인정보처리방침 이용약관 책임의 한계와 법적고지 청소년 보호정책
©   •  CLIEN.NET
보안 강화를 위한 이메일 인증
안전한 서비스 이용을 위해 이메일 인증을 완료해 주세요. 현재 회원님은 이메일 인증이 완료되지 않은 상태입니다.
최근 급증하는 해킹 및 도용 시도로부터 계정을 보호하기 위해 인증 절차가 강화되었습니다.

  • 이메일 미인증 시 글쓰기, 댓글 작성 등 게시판 활동이 제한됩니다.
  • 이후 새로운 기기에서 로그인할 때마다 반드시 이메일 인증을 거쳐야 합니다.
  • 2단계 인증 사용 회원도 최초 1회는 반드시 인증하여야 합니다.
  • 개인정보에서도 이메일 인증을 할 수 있습니다.
지금 이메일 인증하기
등록된 이메일 주소를 확인하고 인증번호를 입력하여
인증을 완료해 주세요.