블로그 이미지
잡다한 취미 생활 및 일상에 대한 소소한 이야기를 적어나가는 블로그입니다.
붉은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

오늘은 이전시간에 이어 조건문중 While 문에 대해 얘기해볼게요.

 

지난시간에 얘기한 if, elif, else문은 순차적으로 실행되는 조건문이었습니다.

그럼 한번이상 반복되는 루프문을 위해서는 무엇을 써야 할까요?

파이썬에서 루프문을 위해 사용할 수 있는 가장 간단한 조건문은 while문입니다. 

(ps. if, while, 다음 시간에 얘기드릴 for문 등 대부분의 조건문은 타 언어에서도 비슷하게 사용되어 집니다.)

 

While 반복문

숫자 1에서 10까지 출력하는 예제를 작성해 보겠습니다.

>>> num = 1

>>> while num <= 10:

          print(num)

          num += 1

 

While문으로 1~10출력

무한반복

무한 반복을 위해서는 while True: 문을 실행하면 되고, 멈추기 위해서는 탈출 조건을 설정해 주면 됩니다.

 

>>>while True:

        exitCommand = input("탈출 조건을 입력하세요 [hint : q]: ")

        if exitCommand == "q":

           break

        print("탈출하지 못했습니다.")

무한루프 & Break 문

 

이상으로 파이썬의 반복문과 무한루프문을 살펴 보았습니다. 

 

그럼 또 다음시간에 만나겠습니다.

오늘부터 파이썬 기초강의를 포스팅하도록 하겠습니다.

유튜브 영상과 병행 예정이에요.

 

파이썬 소개

파이썬은 쉬운 프로그래밍 언어입니다. 

공식 홈페이지에 설명된 내용은 다음과 같습니다.

- 강력하고 빠르다. 다른 것과 잘 어울린다. 어디서든 동작하며, 친숙하고 배우기 쉽다!!!

파이썬으로 만들어진 프로그램은 우리가 익히 알고 있는 구글, 인스타그램, 유튜브 등이 있어

생각보다 범용적인 언어이며, C와 C++ 그리고 Java와 비교해서는 비교적 배우기 쉽다는 장점이 있습니다. 

(개인차는 있습니다.)

파이썬 설치

www.python.org/downloads/

 

Download Python

The official home of the Python Programming Language

www.python.org

공식 홈페이지에서 사용하고 있는 OS에 맞는 파이썬 프로그램을 다운로드 하고 설치하면 됩니다.

파이썬 개발 환경 실행 (IDLE)

파이썬을 설치하면 IDLE라는 통합개발환경이 설치가 됩니다.

IDLE - Integrated DeveLopment Environment

실행 후 첫번째 프로그램을 만들어 보도록 하겠습니다.

 

">>>" 는 명령 프롬프트이며, 명령어를 입력하여 바로 프로그래밍을 할 수 있습니다. 

명령어 입력후 엔터를 치면 해당명령어에 대한 동작이 수행됩니다.

(파이썬은 인터프리터 언어이기 때문에 입력된 소스코드에 대해 한줄씩 수행이 되게 됩니다.)

 

첫번째 프로그램 작성 및 실행

print명령어를 사용하여 Hello, World & Hello, Python이라는 문자열을 출력하는 프로그램을 만들고 

실행해 본 결과입니다.

프로그래밍 언어를 배우게 되면 가장 먼저 접하는 문구일거에요. 

 

이상으로 파이썬의 소개에서 첫번째 프로그램 까지 수행해보았습니다.

 

그럼 다음 강의에 만나요.

 

최근 자바스크립트로 웹사이트를 만들던 중 문득 문득 든 생각인데, 어렵게 코딩을 해서 기능을 구현했는데

너무 쉽게 오픈되어 다른 사람들이 쓸 수 있게 되면 어떻게 될까? 라는 생각을 해보았습니다.

 

사실 공부할땐 저도 많이 베끼는데... ㅎㅎ 제껀 부끄러워서 보여주고 싶지 않은 마음이 큰거 같네요.

 

약간의 고민과 검색을 통해 난독화에 대한 내용을 보게 되었답니다.

 

자바스크립트 난독화란?

자바스크립트는 클라이언트에서 실행되는 언어라서 웹사이트에 접근하게 되면 크롬의 경우 "F12" 버튼을 

누르는 것만으로 코드를 볼 수 있게 된답니다.

이렇게 쉽게 코드에 접근 할 수 있다보니, 해석에 어려움을 가하고자 난독화라는 기법이 적용되었답니다.

난독화는 쉽게 볼 수 있는 자바스크립의 코드를 해석하기 어렵게 해주는 기법이며, 다른 여타 언어에서도 난독화 기법은 사용될 수 있어요.

 

... 이렇다네요.

난독화해주는 기법들이 다양하게 있는 듯 한데... 굳이 필요한가 하는 생각도 들기도 하고

관련 내용에 대해서는 다음번 포스팅에(진짜 필요하다고 생각되어 내용을 정리해 놓았다면) 언급해 봐야겠네요.

 

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

 

 

지난 포스트에 이어, 마무리까지의 과정에 대해 설명하겠습니다.

아마존에 가입하여 계정을 생성한 뒤, #1포스팅 과정들을 따라 지나오면 인트턴스를 만들 수 있는 단계까지 오게 됩니다.

"인스턴스 시작" 버튼을 눌러주세요

단계1에서는 사용할 서버를 선택해 주면됩니다.

저는 프리티어 사용 가능한 우분투 서버를 선택했습니다. (파이썬 사용 가능)  

 

이제 쭉 Next Next~~~

 

단계 7까지 지나오면 마지막으로 "시작하기" 버튼을 눌러주시면 됩니다.

 

키 페어를 설정해 주세요

새로운 키 페어를 생성하고, 키 페어 이름을 입력 후 다운로드 해 주시면 됩니다.

자, 끝이 보이네요.

연결을 눌러보면 인스턴스 연결 방법에 대한 설명이 나온답니다.

cmd 환경에서 인스턴스 연결을 하면 서버에 연결됨을 확인할 수 있어요.

더보기

1. Cmd창은 관리자 모드로 실행해서 들어가주세요.

2. 윈도우의 경우 서버에 접속 불가할 경우가 있을 수 있습니다. 

   (해결 방안 : 다운로드 받은 키페어의 보안 설정을 변경해주세요)

서버 접속에 문제가 있는 경우 키페어의 보안 설정을 상기 이미지처럼 변경 해 주시면 됩니다.

 

연결 후, 서버에서 파이썬을 실행한 화면이에요.

잘 동작함을 확인할 수 있습니다.

 

^^ 드디어 서버에서 파이썬이 실행되는 것을 확인했습니다.

 

이제, 멋진 서비스를 만들어서 제공하는 일만 남았네요.

 

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

[Google Icon Font 삽입하기]

2020. 8. 1. 13:33 | Posted by 붉은kkk

https://materializecss.com/

 

Documentation - Materialize

 

materializecss.com

 <!DOCTYPE html>
  <html>
    <head>
      <!--Import Google Icon Font-->
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <!--Import materialize.css-->
      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>

      <!--Let browser know website is optimized for mobile-->
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    </head>

    <body>

      <!--JavaScript at end of body for optimized loading-->
      <script type="text/javascript" src="js/materialize.min.js"></script>
    </body>
  </html>

구글 Icon Font 삽입은 위 예제에 나온 것처럼, html 문서의 head내에 link로 처리하면 됩니다.

^^ 요즘은 문서들이 보기 쉽게 나와있어서 보고 활용하기 편한것 같네요.

 

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

'프로그래밍 > HTML' 카테고리의 다른 글

[2. HTML Menu 정렬] 상단 Menu 항목 정렬 방법  (0) 2020.05.14
파이썬 함수 정의

키워드 def로 함수 정의

- 하기 예제에서는 구구단 프로그램으로 함수를 사용해 보았습니다.

- 복잡한 인자 설정도, return 값도 없는 단순한 형태지만 def로 정의된 함수를 사용해 보았습니다.

구구단 프로그램

하나하나 만들어 나가는 과정은 늘 새롭고 즐거운 거 같네요.

기본적인 것들로 이론적인 뼈대가 완성되면, 생각을 좀 더 자유롭게 표현해 낼 수 있을 것 같습니다.

 

즐거운 파이썬 생활 되세요^^

[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!"를 출력해보았습니다.

 

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

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

 

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

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

 

사용된 기능

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

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

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

 

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

코드는 아래와 같습니다.

 

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

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

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

 

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

이전 1 2 3 4 다음