분류 전체보기
-
form 태그 파헤치기웹 프로그래밍/FE(Front-End) 2021. 7. 1. 22:36
오늘은 HTML을 공부하던 중 평소에는 별 관심없이 썼던 form태그에 많은 기능이 있다는 것을 알고 정리해보려고 한다. 먼저, form태그의 이용성을 간단히 얘기해보면 웹에서 로그인이나 회원가입 페이지를 구현할 때 자주 사용되고 검색 사이트나 쇼핑몰 주문서 화면에서도 form태그를 이용하기도 한다. 그러면 form태그에는 어떠한 기능을 가지고 있을까? 먼저, form태그와 같이 선언되는 속성에 대해 알아보자. 속성 설명 method 사용자가 입력한 내용들을 서버로 넘겨주는 방법을 지정하는 속성으로 GET, POST 중 원하는 속성값을 지정 name 폼의 이름을 지정하는 속성으로 한 HTML 문서 안에 여러 개의 form태그가 있을 경우 form을 구별하기 위해 사용 action form 태그 안의 내용..
-
AWS EC2 이용해보기웹 프로그래밍/BE(Back-End) 2021. 6. 30. 22:34
오늘은 내가 만든 간단한 웹 페이지를 서버에 배포하여 다른 사람들이 사용할 수 있는 사이트로 만들도록 AWS EC2를 이용해보았다. AWS는 처음 AWS에 가입한 날부터 12개월 동안 무료로 사용 가능한 프리 티어로 서버를 무료로 사용을 할 수 있다. 먼저, AWS 회원가입을 해서 2~3일 뒤 회원승인을 받아 오늘 AWS EC2를 사용하기 위해 접속했다. 일단은 배포를 맡기려는 서버는 리눅스 OS를 선택했다. (리눅스는 오픈소스 운영체제로, 우리 주변 대부분의 서비스가 리눅스로 서버를 운영하고 있다.) https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2에 접속하면 아래와 같은 화면을 볼 수 있다. 1. 여기서, 인..
-
[스터디 9주차] JAVA 예외처리프로그래밍 언어/JAVA 2021. 6. 30. 14:29
더보기 목표: 자바의 예외 처리에 대해 학습 1. Exception과 Error의 차이는? 에러(Error)는 컴퓨터 하드웨어의 오동작 또는 고장으로 인해 응용프로그램 실행 오류가 발생하는 것이다. 에러는 JVM 실행에 문제가 생겼다는 것이므로 개발자가 프로그램 코드에 어떠한 처리를 통해 해결할 수 없다. 예외(exception)는 사용자의 잘못된 조작 또는 개발자의 잘못된 코딩으로 인해 발생하는 프로그램 상의 오류를 의미한다. 예외에는 일반 예외와 실행 예외가 있다. 일반 예외는 컴파일 과정에서 예외 처리 코드가 있는지 검사하는 예외로 예외 처리 코드가 없다면 컴파일 오류가 발생한다. 실행 예외는 컴파일 과정에서 예외 처리 코드를 검사하지 않는 예외이다. 일반 예외와 실행 예외 둘 다 프로그램 실행 시..
-
[에러 수정] Uncaught TypeError: $.ajax is not a function웹 프로그래밍/FE(Front-End) 2021. 6. 29. 20:18
오늘은 JQuery를 이용하여 간단한 웹 페이지를 만들던 중 처음보는 Error가 나와서 해결방법에 대해 정리해보려고한다. 먼저, 문제가 발생한 코드를 봐보자. (문제가 발생한 요인과 관계없는 코드는 생략) ajax를 쓰기위해 Jquery라이브러리는 에 선언을 해주었고 ajax API를 문제없이 쓴 것으로 보인다. 일단은 ajax를 선언한 코드 내에서는 문제가 될만한 점이 보이지 않는다. 그러면 어디가 잘못된 것일까? 정답은 Jquery 라이브러리를 불러오는 부분이 잘못된 것이다. 무엇이 JQuery라이브러리가 ajax를 인식하지 못하게 한 것일까? 그것은 jquery-3.5.1.slim.min.js에서 .slim이라는 문구가 문제를 일으킨 것이다. 더보기 jquery-3.5.1.slim.min.js을 ..
-
Web Crowling & Web Scraping웹 프로그래밍/BE(Back-End) 2021. 6. 28. 17:24
오늘 배운 것 중에 흥미로운 내용이여서 정리해보려고 한다. Web Crowling과 Web Scraping이라는 말이 있는데 둘을 혼용해서 쓰는 경우가 있거나 그냥 Web Crowling이라는 말만 있는지 알고 있던 사람들도 있을 것이다. 나 또한 오늘 공부하기 전까지 Web Crowling만 알고 있었고 내가 했던 웹 페이지에서 자동으로 정보를 긁어와서 저장하는 것이 web crowling인 줄 알고 있었다. 오늘 이 글을 쓰면서 둘의 차이점을 명확히 알고 다음부터는 유념해서 쓰도록 하려고 한다. 1. Web Crowling이란? Web Crowling이란 web indexing의 목적으로 WWW(World Wide Web)를 시스템적으로 검색을 하는 자동 기능 작업을 말한다. web indexing이..
-
JQuery 접해보기웹 프로그래밍/FE(Front-End) 2021. 6. 27. 22:34
오늘은 JQuery를 처음으로 접해봤다. 그 전에는 모든 기능은 JavaScript로만 구현했는데 JQuery를 알게되니까 너무 편하다는 것을 느끼게 됐다. 그러면 지금부터 JQuery에 대해 알아보자. JQuery는 JavaScript를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리이다. JQuery를 이용하면 DOM과 이벤트 처리를 손쉽게 구현할 수 있고 Ajax 응용 프로그램 및 플러그인도 제이쿼리를 활용하여 빠르게 개발할 수 있다. 그러면 코드를 보며 JQuery가 기존에 JavaScript만을 써서 코드를 짠 것보다 얼마나 더 간편한지 알아보자. HTML에서 어떠한 요소를 숨기는 기능을 구현하는 것을 생각해보자. JavaScript로만 코드를 짠다면 아래와 같다...
-
HTML 속성 제대로 알고 사용하기!!(lang, rel, href, role)웹 프로그래밍/FE(Front-End) 2021. 6. 26. 21:52
오늘은 HTML과 CSS를 공부하면서 평소에는 그냥 넘어갔지만 오늘은 유독 궁금한 부분이 생겨서 찾아보며 안 내용을 정리하려고 한다. HTML을 작성하면서 html부터 head, body, div, a, p 등 수 많은 태그를 사용한다. 이러한 태그에 대한 설명은 강의나 공식문서에서 쉽게 접할 수 있다. 하지만, 태그 안에서 쓰는 속성은 대표적으로 쓰이는 id, class를 제외하면 기능을 모르고 쓰는 경우가 많다. 그래서 기본적인 html에서 많이 본 속성이지만 기능을 모르고 넘어간 것들에 대해 알아보자. - lang 먼저, html의 가장 위에서 선언되는 html태그의 속성인 lang이다. lang은 우리가 쓰고 있는 html 내의 텍스트가 어떠한 언어로 되어있는지를 알려주는 속성이다. 그러면, 그냥..
-
[스터디 8주차] JAVA 인터페이스프로그래밍 언어/JAVA 2021. 6. 25. 16:24
더보기 목표: 자바의 인터페이스에 대해 학습 1. 인터페이스 정의하는 방법 자바에서 말하는 인터페이스는 객체의 사용 방법을 정의한 타입이다. 인터페이스는 개발 코드와 객체가 통신하는 접점 역할을 한다. 개발 코드가 인터페이스의 메소드를 호출하면 인터페이스는 객체의 메소드를 호출시키기때문에 개발 코드는 객체의 내부 구조를 알 필요가 없어진다. 그러면 그냥 새로운 객체를 생성해서 메소드를 직접 호출하면 되는데 왜 중간에 인터페이스를 만들어서 사용하는 것일까? 인터페이스는 하나의 객체가 아니라 여러 객체들과 사용이 가능하다. 여러 객체들과 사용이 가는하면 어떤 객체를 사용하느냐에 따라 실행 결과가 달라질 수 있고 개발 코드에서는 코드 변경 없이 실행 결과를 다양화할 수 있는 장점을 가지게 된다. 그러면 인터페..