본문 바로가기

웹 프로그래밍

(15)
왜 자바스크립트를 사용할까? 자바스크립트(javascript)란 자바스크립트는 객체(object) 기반의 스크립트 언어이다. 스크립트는 웹페이지의 HTML 안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행된다. 자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어이다. HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있다. 예를들어 웹페이지중 로그인 화면이 있다고 가정해보자. 이런 화면이 있다고 가정 했을 때 쉽게 html,, css, javascript 3가지의 관점으로 살펴보겠다. NAVER, 아이디 입력칸, 비밀번호 입력칸, 로그인 버튼은 html로 구성되어 있다. 이때 버튼의 색, 글씨색, 글씨크기, 글씨체를 바꾸는 디자인과 ..
파이썬 여러가지 함수, 예제를 통한 이해 map함수 map( 함수, 반복 가능한 자료형 ) 반복 가능한 자료형 = literable map은 원본 리스트를 변경하지 않고 새 리스트를 생성한다. 1 2 list(map(lambda i:i**2, [1,2,3])) #[1, 4, 9] 1 2 3 4 5 a = [2,3,4,5] for i in range(len(a)): a[i] = int(a[i]) a #[2, 3, 4, 5] 1 2 list(map(int, a)) #[2, 3, 4, 5] 1 2 list(map(str, a)) #['2', '3', '4', '5'] 1 2 list(map(lambda i:i**2, a)) #[4, 9, 16, 25] 리스트 축약 문법 [ {표현식} for {변수} in {반복자/연속열} if {조건표현식} ] 리스..
파이썬 함수란 ? "과일을 믹서기에 넣은 다음에, 믹서 버튼을 눌러주고, 완성된 주스를 컵에 담아줘." 여기서 믹서기를 프로그래밍에서의 함수로 비유하고 싶다. 우리는 이런 주스를 만드는 것 처럼, 함수를 통해서 결국, "어떻게?" 라는 질문보다 "무엇을?" 만들지 고민하면 그만인 것이다. def 함수 정의하기 def는 define 으로, '정의하다'라는 뜻이다. 프로그램에서 자주 사용되는 코드를 따로 만들어 두고 필요할 때마다 불러서 사용하는 기능이다. 1 2 3 def sayGoodBye(): print('Good Bye!') 파이썬은 def 로 함수를 선언하고 뒤에 함수명을 적는다. 함수명을 적고 매개변수(parameter)를 받는 그릇의 역할을 해주는 소괄호 ( ) 를 적는다. 매개변수는 반드시 있어야 되는 필수조건..
파이썬 리스트, 튜플, 딕셔너리 자료형 알아보기 list 리스트는 여러 개의 데이터를 하나의 변수에 저장하고자 할 때 매우 유용하다. 리스트에 들어있는 데이터(요솟값)를 '아이템'이라고 부른다. 리스트는 대괄호( [ ] )로 감싸 주고, 각 요소값은 쉼표( , )로 구분한다. 리스트명 = [요소1, 요소2, 요소3, . . .] 리스트의 생김새 1 2 3 4 5 a = [] b = [5, 6, 7] c = ['Life', 'love', 'sports', 'too'] d = [1, 2, 'star', 'moon'] e = [7, 8, ['short', 'mind']] a는 아무것도 포함하지 않는, 비어있는 리스트이다. b는 숫자로만 구성된 숫자 리스트이다. c는 문자열로만 구성된 문자 리스트이다. d는 숫자와 문자열을 함께 함께 아이템으로 갖는 리스트이..
파이썬의 기초, 숫자형과 문자열 왜 파이썬이지? 초보자도 배우기 쉽다. 간결한 문법, 표준 라이브러리를 가진다. 자료구조들과 OOP에 대해 간단하고 효과적인 접근법을 제공한다. 인터프리터적인 특징은 대부분 플랫폼과 다양한 문제 영역에서 스크립트 작성과 빠른 응용 프로그램 개발에 이상적인 환경을 제공한다. 풍부한 표준 라이브러리는 소스나 바이너리 형태로 파이썬 웹사이트, https://www.python.org/ 에서 무료로 제공, 자유롭게 배포가능하다. C 나 C++로 구현된 함수나 자료 구조를 쉽게 추가할 수 있다. 웹/앱에서 인공지능까지 인기가 급상승하며 주목받고 있는 언어이다. 데이터 분석에 장점을 가진 스크립트 언어 (데이터 사이언티스트) 인터프리터 프로그래밍 언어로 작성된 소스코드를 바로 실행할 수 있는 프로그램 또는 환경을 ..
Web Server와 WAS의 개념, 웹서비스의 아키텍쳐 시작하기에 앞서 1.CGI 에 대해서 간단히 읽어보고, 2.정적 페이지와 동적 페이지에 대한 개념을 알고, 3.웹서비스의 흐름도를 보고 이해한다. 그 다음 4.Web Server와 WAS의 개념을 정리하면서 차이점을 생각해보고, 추가적으로 웹 사용자가 요청하는 5.DBMS와 MiddleWare에 대해 알아본다. 1. CGI Common Gateway Interface이다. 정적 컨텐츠를 공급하는 웹 서버와 동적 컨텐츠를 생성하는 웹 애플리케이션 간에 주고 받는 규칙을 정의한 것이 CGI 규격이다(데이터베이스의 ODBC, JDBC와 유사한 개념이다.). 이 규격을 준수한다면 어떠한 언어를 사용하더라도 동적 웹 프로그래밍을 할 수 있다. 하지만 CGI는 클라이언트의 각 요청(Request)마다 별도의 프로세..
이클립스 기본 웹브라우저 설정하기/크롬(chrome)으로 변경하기 이클립스에서 html파일을 사용자가 원하는 웹브라우저를 설정해 열 수 있다. (Internet Explorer, Edge, Chrome, Safari, Firefox, Opera, 등등..) 프로젝트마다 권장하는 웹브라우저가 다를 수 있기 때문에 이 기능을 알아둘 필요가 있다. (실제로 크롬에는 오류가 있고, 익스플로러에서만 이상없이 작동되는 프로젝트를 한 적이있다) 우선, 이클립스 상단메뉴에서 Window > Preferences 를 클릭한다. 그 다음 이클립스 설정 창이 하나 뜨는데 (사실 여기서 많은 것을 커스마이징할 수 있다) General > Web Browser 로 이동한다. 이 화면이 html 파일을 실행할 때 사용하는 웹브라우저를 설정하는 화면이다 그럼 여기서 자신이 원하는 웹브라우저를 선..
이클립스 > Servers 탭, Run On Server가 없는 경우 어떻게? 1. Servers 탭이 없는 경우 Tomcat Server를 추가하려는데 Servers 탭이 보이질 않는다. 이클립스는 Window > Show View에서 필요한 창을 구성할 수 있다. 메뉴에 보이지 않는 것은 Other..를 클릭해 추가해줄 수 있다. 하지만 Server가 보이지 않는다. 다시, 상단 메뉴의 Help > Install New Software... 그 다음 창이 하나 뜨는데 Work with: 입력창에 http://download.eclipse.org/releases/{eclipse-version} 을 입력한다. 맨 뒷부분은 자신이 사용하는 이클립스의 버전이다(밑 사진의 경우 neon 버전). 입력하면 자동완성 검색이 뜨는데 그럴땐 그냥 선택하고 enter Pending...이 뜨면서..