전체 글94

• GET과 POST의 차이 HTTP HTTP는 웹상에서 클라이언트와 서버 간에 요청/응답으로 데이터를 주고 받을 수 있는 프로토콜입니다. 클라이언트가 HTTP 프로토콜을 통해 서버에게 요청을 보내면 서버는 요청에 맞는 응답을 클라이언트에게 전송합니다. 이 때, HTTP 요청에 포함되는 HTTP 메소드는 서버가 요청을 수행하기 위해 해야할 행동을 표시하는 용도로 사용합니다. 이 HTTP 메소드 중 GET과 POST의 특징과 차이점을 알아보겠습니다. GET HTTP/1.1 스펙인 RFC2616의 Section9.3에 따르면 GET은 서버로부터 정보를 조회하기 위해 설계된 메소드입니다. GET은 요청을 전송할 때 필요한 데이터를 Body에 담지 않고, 쿼리스트링을 통해 전송합니다. URL의 끝에 ?와 함께 이름과 값으로 쌍을 이루는 요.. 헷갈리는 것들 공부 2021. 10. 15.

• 정규식 테스트 사이트 - RegExtester 이모지를 필터링 하기 위해 정규식을 찾아보다가 정규식을 테스트 할 수 있는 사이트를 메모한다. 위쪽에 정규식을 넣으면 그 정규식에 걸리는 문자들이 블럭된다. https://www.regextester.com/ Regex Tester and Debugger Online - Javascript, PCRE, PHP Regex Tester requires a modern browser. Please update your browser to the latest version and try again. www.regextester.com +) 모든 이모지를 필터링 할 수 있는 정규식 코드 / java에서는 작동하지 않는데 java script에서는 될지도 모름 https://www.regextester.com/10.. 개발자가 되는 길 2021. 10. 14.

• 

  [JAVASCRIPT] 동적으로 테이블 행 추가/삭제 후 번호 다시 매기기 동적으로 행 추가/삭제하기 완결판! -추가 버튼을 누를 시 행이 밑에서부터 하나씩 추가된다. -각 행의 - 버튼을 누를 시 해당 행이 삭제된다. -초기에는 DB에 가져온 값을 각 행에 보여주고, 사용자가 추가/삭제 할 수 있도록 한다. -적용 버튼을 누를 시 해당 값이 DB에 저장된다. 1. DB에서 값 불러오기 -행을 추가 할 테이블 세팅한다. -부트스트랩을 이용할거라면 당연히 추가해줘야 한다. 동적테이블 행추가하기 추가버튼 행 -반복문을 이용해서 초기에는 DB에서 불러온 값을 세팅하도록 한다. 행 ${status.count} -추가/변경된 부분만 보자면, 행 ${status.count} -구문을 사용하려면 Collection객체인 List/배열을 items에 적어준 뒤 사용할 변수 명을 var에 적어.. JAVASCRIPT&JQUERY 2021. 10. 8.

• 

  자바스크립트 {...} [...] 문법 (비구조화 할당/구조분해 할당) 자바스크립트의 문법에 대한 글을 검색하면 대부분 let, const 혹은 화살 함수(arrow function)에 대한 이야기가 주를 이룹니다. 이번 시간에는 흔히 알려지지 않았지만 유용한 비구조화 할당 문법을 소개하고자 합니다. 정의 모질라 형님들의 문서에 의하면 '비구조화 할당(destructuring assignment) 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 자바스크립트 표현식(expression)'입니다. 간단하게 정리하면 배열 [], 혹은 객체 {} 안의 값을 편하게 꺼내 쓸 수 있는 문법입니다. 기본 문법(배열) 배열에서의 적용은 아래와 같습니다. [a1, a2, ...rest_a] = [1, 2, 3, 4, 5, 6, 7, 8, 9]; console.. JAVASCRIPT&JQUERY 2021. 10. 6.

• 

  자바스크립트 vs 제이쿼리 ( JQuery ) 자바스크립트 vs jQuery, 과연 그 우위는? 웹에서는 필수불가결 기술인 자바스크립트와 jQuery, 과연 어느것이 더 뛰어날까요? 오늘은 잠깐 시간 내어 관련 부분을 논해 봅니다. ​ 자바스크립트는 웹브라우저에서 작동하는 스크립트입니다. 서버 사이드가 아닌 클라이언트 기술이지요. 오래전부터 널리 사용되어 왔고 지금도 지속적으로 사용되고 있으며, 기능성 홈페이지 99% 이상이 이 기술을 사용하고 있다고 해도 과언이 아닐 겁니다. ​ 그렇다면 jQuery 는 무슨 기술일까요? jQuery 역시 자바스크립트입니다. 다만 자바스크립트로 빈번하게 사용되는 기능들을 약간 다른 형식으로 사용하게 만든 라이브러리입니다. 프로그램 언어에서 '라이브러리'란 '도서관'의 의미보다는 '기능덩어리'라고 이해하시면 됩니다... JAVASCRIPT&JQUERY 2021. 10. 6.

• [JSTL core] [c:forEach] varStatus를 활용한 변수 forEach문은 아래와 같이 활용한다. // 반복해서 표시할 내용 혹은 반복할 구문 이 때, 상태용 변수를 status라고 지정했다면 아래와 같이 활용할 수 있다. ${status.current} 현재 for문의 해당하는 번호 ${status.index} 0부터의 순서 ${status.count} 1부터의 순서 ${status.first} 첫 번째인지 여부 ${status.last} 마지막인지 여부 ${status.begin} for문의 시작 번호 ${status.end} for문의 끝 번호 ${status.step} for문의 증가값 활용 예 / 출처 : https://jetalog.net/20 JAVASCRIPT&JQUERY 2021. 10. 5.

• [MySQL] 여러 문자열를 하나의 문자열로 합치기 (CONCAT 함수) ▶설명 간혹 여러 문자열 혹은 컬럼 값을 합쳐서 가져와야 하는 경우가 있습니다. 이 때 사용하는 함수가 CONCAT 함수입니다. CONCAT 함수는 둘 이상의 문자열을 입력한 순서대로 합쳐서 반환해주는 함수입니다. ▶사용법 CONCAT(문자열1, 문자열2 [, 문자열3 ...]) ▶예제 쿼리 (Example Query) 기본 사용 쿼리 SELECT CONCAT('안녕하세요.', '감사해요.', '잘있어요.', '다시만나요.') AS hello; 결과 hello 안녕하세요.감사해요.잘있어요.다시만나요. 컬럼 데이터 합치기 예제 테이블 : hero_collection idx type name 1 1 안중근 2 1 윤봉길 3 2 김유신 4 2 이순신 5 3 이성계 6 3 왕건 7 4 반갑수 쿼리 SELECT .. DATABASE 2021. 9. 29.

• 

  [번역]시작하는 이들을 위한 컨테이너, VM, 그리고 도커에 대한 이야기 *이 글은 Preethi Kasireddy 의 A Beginner-Friendly Introduction to Containers, VMs and Docker를 번역한 글입니다. 모든 저작권과 권리는 Preethi에게 있습니다. *This article is a translated version of Preethi Kasireddy ’s article: A Beginner-Friendly Introduction to Containers, VMs and Docker. All rights and credits back to her. *최대한 이해하기 쉽도록 곳곳에 의역이 들어간 점 양해 부탁드립니다. *도움이 되셨다면 Preethi의 원글에 clap 한번씩 부탁드립니다 :) Source: https://fl.. 개발자가 되는 길 2021. 9. 28.

• 서브쿼리 & FROM절 서브쿼리 사용법 서브쿼리란? 하나의 SQL 문에 포함되어 있는 또 다른 SQL 문을 말합니다. 서브쿼리 사용시 주의사항 1. 서브쿼리를 괄호로 감싸서 사용한다. 2. 서브쿼리는 단일 행 또는 복수 행 비교 연산자와 함께 사용 가능하다. 3. 서브쿼리에서는 ORDER BY 를 사용하지 못한다. 서브쿼리가 사용 가능한 곳 1. SELECT 절 2. FROM 절 3. WHERE 절 4. HAVING 절 5. ORDER BY 절 6. INSERT 문의 VALUES 절 7. UPDATE 문의 SET 절 서브쿼리의 분류 단일 행 서브 쿼리 서브쿼리가 단일 행 비교 연산자(=, =, )와 함께 사용할 때는 서브쿼리의 결과 건수가 반드시 1건 이하여야 합니다. 만약 결과가 2건 이상인 경우 오류가 발생합니다. 단일 행 쿼리의 예제 만.. DATABASE 2021. 9. 24.

• 

  [jQuery] 동적으로 테이블에 행 추가하기/삭제하기 오늘 만들어 볼 것! 동적으로 조절하는 테이블 예시) + 버튼을 누르면 마지막 행이 추가된다. - 버튼을 누르면 해당 행이 삭제된다. 프로세스는 아주 단순하다. 1)먼저, HTML에 원하는 테이블을 세팅한다. 나의 경우는 검색창이 큰 테이블 내부의 이여서, 클릭할 때마다 내부의 가 추가/삭제되게 만들었다. table자체여도 큰 차이가 없을 듯 "검색" "프로세스 검색" "외부이름 검색" "내부이름 검색" 2) 버튼에 달아준 onclick 이벤트를 처리한다. 2-1)먼저, +버튼 이벤트 addSearchKey() 추가 function addSearchKey() { var rowItem = ""; rowItem += ""; rowItem += ""프로세스 검색""; rowItem += ""외부이름 검색"";.. JAVASCRIPT&JQUERY 2021. 9. 16.

• # 레거시(Legacy Code)코드란 무엇인가? 사전적 의미에서 보면 유산, 산물이 된 코드라고 해석된다. 즉 누군가 떠나면서 남겨둔 코드임을 날 수 있다. 개발에서 사용되는 legacy라는 용어는 은어처럼 사용되는 부분과 기술적인 부분에서 사용되는 것 두 가지로 구분되는 것 같다. 후자는 특히 OS관련되어 불려지고 여기서는 개발에서 흔히 사용되는 레거시 코드 또는 함수를 알아보려한다. 아래에서는 레거시 코드, 레거시 함수 비슷하므로 함께 표현하되 용어는 레거시 코드로 통일하여 적어보았다. 먼저 레거시 코드라는 말은 더 이상 쓰기 힘들거나 화나게 만드는 코드를 일컫는다. 화나게 만드는 코드라... 부정적인 표현의 용어임에 틀림없다. 이런 코드는 아래와 같은 경우에 해당한다. 다른 코드와의 개연성을 무시한 채 Due Date만 맞춰 작성한 코드 코드의 .. 개발자가 되는 길 2021. 9. 8.

• 

  HTTP, 그리고 HTTPS의 이해 HTTP(HYPERTEXT TRANSFER PROTOCOL) 웹 상에서 클라이언트와 서버가 서로 정보를 주고받을 수 있도록 하는 규약입니다. 우선 클라이언트는 서버에 정보(데이터) 전송을 요청(Request)할 수 있는 클라이언트 소프트웨어(크롬, IE, 사파리 등 웹 브라우저가 대표적이죠)가 설치된 컴퓨터(스마트폰 등을 포괄하는, 연산하는 기계의 개념)를 의미합니다. 클라이언트는 URL(Uniform Resource Locator)로 된 HTTP를 통해 서버에게 정보 송신을 요청합니다. 우리가 평소 쓰는 URL 구조를 구분해 살피면 각각은 아래와 같은 의미를 가집니다. URL의 예: http://www.wishket.com/company-intro 1. http://: 자원에 접근하기 위한 http 프.. 헷갈리는 것들 공부 2021. 9. 6.