블로그 이미지
잡다한 취미 생활 및 일상에 대한 소소한 이야기를 적어나가는 블로그입니다.
붉은kkk

공지사항

최근에 올라온 글

최근에 달린 댓글

글 보관함

calendar

1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

[1. JSP 사용 준비] 프로그램 설치

2020. 1. 25. 20:08 | Posted by 붉은kkk

※ JSP란 : Java Server Pages(JSP) 는 Java 언어를 기반으로 하는 Server Side 스크립트 언어입니다.

음... 자세한 JSP에 대한 내용은 검색을 통해 알아보시길 추천드립니다.

사실 지금 글을 쓰고 있는 시점에 제가 잘 몰라서, 설명이 어렵네요. 게시판 만들기 프로젝트를 JSP를 통해 구현하는게 목표이지만, JSP가 무엇이다라는 부분에 대한 이론적인 측면에서의 공부에는 초점이 맞추어져 있지 않습니다.

 

그럼, 내 PC에서 JSP로 만들어진 파일을 실행시키기 위해서는 어떻게 해야될까요?

-> 아래와 같은 프로그램을 다운로드 받고 설치해주시면 됩니다.

 

1. JAVA 설치

https://www.oracle.com/technetwork/java/javase/downloads/index.html

2. 아파치 톰캣 설치

http://tomcat.apache.org/

3. 이클립스 JAVE EE 설치

https://www.eclipse.org/downloads/

설치 과정은 생략입니다.

 

 

Index.JSP 파일을 만든뒤, 프로그래밍의 시작인 "Hello World!"를 출력해보았습니다.

 

다음부턴 게시판을 실제 만들고 과정을 포스팅해볼게요.

이번 포스팅은 파이썬 내용은 아닌데, 분류할 항목이 없어서 그냥 파이썬 항목에 포스팅할게요.

 

내용은 윈도우 기본 커맨드를 통한 파일 내용 검색 하는 방법입니다.

 

특정 문자열을 포함하는 문서가 있다면, 그 문서의 이름을 알려주는 명령어라고 이해하시면 됩니다.

 

상세 사용법은 커맨드 명령어인만큼 "/?" 를 통해서 알 수 있답니다.

 

많은 명령어가 있는데, 이번엔 검색한 내용을 포함하는 파일을 찾아보도록 할게요.

 

우선 검색용 파일을 스르륵 만들었습니다.

그리고 나서 "game", "money", "게임" 이렇게 한번 씩 찾아볼게요.

ㅠㅠ 한글 검색은... 왜 안되는 것이냐? 

세번째 한글로 검색한 것 말고는 다 잘 되네요.

읏... 아쉽지만 그냥 이대로? ㅋㅋ 때론 고민은 버린다...

 

이걸로 필요한 곳에 사용하면 될거 같네요. 전 이렇게만 활용해도 활용도가 충분할 듯 하네요. 

 

파이썬에도 이런 기능이 있는지 찾아봐야겠습니다. 아니면? 만들어봐야겠네요.

 

그럼 이만, 즐거운 파이썬 하세요^^

 

[사용한 명령어]

/M : 파일에 일치하는 텍스트가 있으면 파일 이름만 보여줍니다.

지난시간에 이어 자바스크립트로 데이트 서비스 웹사이트를 만드는 프로젝트에 대해 포스팅하겠습니다.

 

기본적인 사이트 요소는 갖추어서 맛보기용으로는 손색 없을 것 같네요.

성별 검색 기능과 취미 기능이 포함되었습니다.
성별 및 취미 입력후 검색하면 검색이 잘 이루어지네요.

 

사용된 기능

1. JSON data 형식 : 사용자 정보를 입력한 것은 JSON data 형태로 입력하였습니다.

2. If문 : 성별 및 취미를 check 하기 위해 If 문을 사용하였습니다.

3. For문 : 사용자 정보를 가져오기 위해 For문을 사용하였습니다.

 

해놓고 보니까 별거 아닌거 같기도 하네요.

코드는 아래와 같습니다.

 

JSON형식의 user정보
유저정보를 가져오면서 성별과 취미도 검색해서 최종 결과를 뿌려줍니다.

자! 이렇게 자바스크립트로 하는 맛보기용 프로젝트가 완성되었습니다.

다음번엔 더 재밌는 주제로 찾아올게요. 

 

즐거운 프로그래밍 생활 되세요.

자바스크립트로 데이팅 사이트를 만들어볼까 하고 있어요.

앱으로 만들어보고자 했던 건데... 사실 조금 어려운 부분이 있어서 막막해 했던 프로젝트였습니다.

 

근데... 우연히? ㅋㅋ

자바스크립트로 데이트 사이트를 만들 수 있을 것 같다는 생각이 드네요.

우연히 보고 있는 강좌를 잘 만 변형하면 될 것 같습니다.

 

서론이 길면 재미가 없겠죠?

출근시간의 압박으로 길게 포스팅을 할 수는 없어서 실행화면과 코드 첨부합니다.

 

맛보기는 이렇게만 공유하고, 최종 완성본(?)이 제작되는 시점에 이 주제는 다시 포스팅 하겠습니다.

 

 

 

 

감사합니다.

이번엔 자바스크립트에서 변수 사용하는 방법에 대한 포스팅입니다.

 

변수의 종류와 사용법 모두를 정리하고 싶은 맘이 있긴한데... 우선은 간단한 것부터 시작하겠습니다.

 

아직까지는 코드가 직관적으로 보이고 있으니까 이해하기 쉽네요.

1. var : 자바스크립트에서 변수(Variable) 선언을 하려면 변수명 앞에 var을 써주시면 됩니다.

2. 연산자 (산술연산자 위주)

1 = 왼쪽에 대입
2 + 더하기
3 - 빼기
4 * 곱하기
5 / 나누기
6 % 나머지

 

변수 선언 후 산술 연산을 하는 코드입니다.

 

실행을 하면, 변수의 사용법만 덜렁 있습니다.

??? 

의도한 연산결과가 보이지 않네요.

 

크롬 브라우저에서 F12(버튼)를 눌러주세요.

 

console로 찍은 내용들이 나와있습니다.

이상으로 자바스크립트로 변수를 사용하는 방법을 연습해 봤습니다.

 

하나하나 차곡차곡 쌓아가다 보면 멋진 프로젝트도 완성할 수 있는 날이 있겠죠?

저부터 실천해 나가보겠습니다.

 

오늘도 즐거운 프로그래밍 생활되세요^^

오늘은 HTML에 자바스크립트 파일을 불러와서 실행되게 코드를 작성해 볼거에요.

 

그 전에, 자바스크립트를 배우고 알게 됨으로써 얻는 이득이 무엇인지 알려드릴게요.

저도 지금은 배우는 단계라서, 디테일한 내용들에 대해 알려드릴 수는 없지만 대략적으로 다음과 같은 것들을 

할 수 있다고 합니다. 

상세 내용은 아래 Table에!!!

참고 삼아 보시면 도움이 될 듯 합니다.

(아직 어떤 언어를 공부해야 될 지 모르는 분들은 그 언어로 무엇을 만들 수 있는지를, 그 언어가 무슨 프로그램 제작에 특화되어 있는지를 보고 선택적으로 취하시면 될 것 같네요.) 

자바스크립트로 할 수 있는 것들은 무엇이 있을까요?

What can you build with javascript?

1. Interactive websites
2. Apps
3. Games
4. Web Applications

Requirements
1. Web Broswer
2. Code Editor
3. Basic HTML and CSS knowledge is required!

 

그럼 오늘의 코드를 공개합니다.

지난 시간의 HTML파일 내에서 자바스크립트를 실행했던것을,

이번엔 자바스크립트 파일을 별도로 만들어서 호출하는 형태로 사용하였습니다.

지난 시간의 확장버전이라고 보시면 되요^^

코드 관리를 효율적으로 하려면 이렇게 별도의 파일로 작성하여 사용하는 것이 맞는 방법일 것 같네요.

(...답은 없답니다. 남들이 뭐라하건 나한테 맞으면 그게 맞는 방법이에요)

코드는 여전히 간단하죠^^
2.html파일과 script.js파일을 만들었어요.
두둥. 실행 완료. 잘 동작되네요^^

 

ㅎㅎ 저도 얼른 실력을 키워서 상호작용하는 웹사이트를 어서 빨리 만들어 보고 싶네요.

코딩 실력이 쌓이면 (코딩 실력이라고 쓰고... "구글링 실력 & 버그 잡기 & 내가 원하는 형태로 수정하기" 라고 읽어야 될까요?) 가능할테니까요. 

제가 생각하고 만든 서비스로, 어서 빨리 수익창출을 해보고 싶네요.

별도로 포스팅하는 창업 다마고찌 카테고리도 많은 관심 부탁 드립니다.

 

자바스크립트도 배우고 나면, 서비스를 만들거에요. 

그럼 오늘도 다 같이 즐거운 프로그래밍 생활 되세요^^

 

코딩을 메모장으로만 하면 가독성이 떨어지는 경우가 있습니다.

그래서 저는 Notepad++를 추천 드립니다...

사실 저도 이제 막 설치 했답니다. 그리고 추천 이유는 무료프로그램이어서 추천 드리고 있습니다.

뭐가 좋은진 잘 모르지만, 가독성은 높아질 것 같네요. 단지 이것만이라도 저한텐 많은 도움이 될거 같습니다.

 

다운로드는 아래 사이트에서 자신의 컴퓨터에 맞는 버전으로 설치하시면 됩니다.

https://notepad-plus-plus.org/

 

Notepad++

What is Notepad++ News about Notepad++ new website Notepad++ is a free (as in “free speech” and also as in “free beer”) source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed b

notepad-plus-plus.org

 

... 설치를 하고, 처음 만들었던 "Hello world" 출력 프로그램 파일을 열어봤습니다. ^^ 저는 만족!

 

처음 만들었던 프로그램의 코드를 열어봤습니다.

ㅎㅎ 다음엔 더 재밌는 예제로 포스팅 해보겠습니다.

 

요즘 웹 프로그래밍에 대한 관심이 부쩍 늘어났습니다.

여러가지 이유가 있지만, 우선 앱 개발이 잠시... 침체기라서 그런거 같네요.

 

어떻게 접근을 할까 고민을 해봤는데... 역시나 프로그래밍의 시작은 그 언어로

"Hello world"를 출력하는게 시작이 아닐까 합니다.

 

그럼 시작해볼까요?

 

1. 우선 모두의 기본에디터인 메모장을 열어줍시다 ㅎㅎ

윈도우 메모장. 제가 즐겨 사용하고 있는 프로그램이랍니다.

2. 코딩을... 해야되는데?

   - 다음단계인 코딩은... 역시나 구글님에게 물어봅니다.

여기저기 자습서가 있답니다^^

3. 참고를 해서... 아래와 같이 코딩을 했답니다.

저장을 1.html파일로 해줬답니다.

 

4. 마지막 html 파일을 실행한 결과 ^^

원하는 출력을 얻을 수 있었습니다.

 

^^ 이로써, 자바스크립트 세계에 입문하였습니다.

하나하나 배워봐야겠네요.

 

즐거운 프로그래밍 생활 되세요. ㅎㅎ

이전 1 2 3 4 5 6 7 8 ··· 10 다음