전체 글 (50) 썸네일형 리스트형 숫자와 문자가 혼합된 컬럼을 중복없이 숫자로 정렬하는 법 (Postgre) 쿼리를 짜다 보면 문자와 숫자가 혼합된 컬럼 즉, 강남구 도산대로 12길, 강남구 도산대로 2길, 강남구 도산대로 11길 이런 컬럼을 정렬해야 할 때가 있다. 그럴때 흔히 하는게 distinct와 order by를 혼합해서 사용하면 된다고 생각했는데 이게 자꾸 에러가 떴다. 그래서 다른 방법을 찾았다. student 테이블의 컬럼을 보자. address를 강남구 도산대로 1길, 2길 3길 순으로 정렬해볼것이다. 알다시피 그냥 ORDER BY 쿼리를 때리면 이런 결과가 뜬다. SELECT address FROM student ORDER BY address 그러나 address의 길이에 대해 먼저 오름차순 정렬을 해주고, address를 정렬해주면 원하던 결과값이 뜨게 된다. SELECT address FR.. JS, CSS, HTML로 만든 슬라이드 Javascript, CSS, HTML을 이용해서 슬라이드를 만들었다. 기본적으로 슬라이드의 원리는 img1, img2, img3, img4 가 있다면 > 버튼을 눌렀을 때 img4가 화면에 보여질 시, img1을 그 다음에 오게끔 처리를 해주어야 한다. 반대로 < 버튼을 눌렀을 때 img1이 슬라이드에 보여진다면, img4를(거꾸로) 보여줘야 한다. 그 원리를 이용해서 만들어보았다. CSS * {box-sizing:border-box} .slideshow-container { width: 50%; position: relative; } #small_container { width: 50%; position: relative; display: flex; align-items: center; } .mySl.. [ES6] 구조 분해 할당 (let {} 사용방법) 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. 쉽게 말하면, 객체 속성들을 할당할 때 구조를 분해하여 개별 변수에 담을 수 있도록 하는 표현식이다. 배열 - 변수 할당 후 선언하기 기존 문법 var foo = ["one", "two", "three"]; var red = foo[0] var yellow = foo[1] var green = foo[2] console.log(red); // "one" console.log(yellow) // "two" console.log(green) // "three" 결과값 one two three 기존에는 배열 하나씩 일일이 할당해 줬어야 했다. 새로운 문법 var foo = ["on.. 환경변수를 관리하는 .env 설정 하는 방법 (node.js) .env(dot env) 를 사용하는 이유? 중요한 설정정보(DB connection, API key)들을 기존 파일과 분리하여 보호하기 위해 1. dotenv 추가 cmd에 npm install dotenv --save 적용 - package.json에 dotenv 모듈이 있음을 확인 2. app.js에 require('dotenv').config(); 추가 require('dotenv').config(); app.js에 위 코드작성 3. 최상위 폴더에 .env 파일 생성 저같은 경우는 btn-paging이라는 폴더를 사용했고, .env는 바로 그 아래에 작성했습니다. (btn-paging>.env) 4. .env 안에 환경설정 설정 postgre라는 DB 환경설정 정보를 작성했습니다. 이렇게 설정해두.. API nodejs 에서 사용하기 (feat.postman) API(Application Programming Interface 애플리케이션 프로그래밍 인터페이스, 응용 프로그램 프로그래밍 인터페이스)는 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. 라고 하지만 현업에서 느낀 바로는 .. API는 프론트단과 관계 없이 테스트를 할 수 있게 만들어 협업할 때 용이하다. API는 프론트단에서 URL을 호출하는 것과 같은 의미를 지닌다. 우리는 URL을 호출할때 GET이나 POST 방식으로 파라미터, JSON FORM DATA를 주고 받는다. 그러한 것들을 임의적으로 도와주는 것이 API이다. 협업시, 아직 프론트단이 만들어지지 않았을 때 아니면 간단히 백단(서버)를 테스트해보고 싶을 때 .. [nodeJS] 게시판 홀따옴표, 쌍따옴표 및 각종 특수문자 처리 게시판 제목에서 '가 포함된 내용을 입력하면 db sql문에서 끝으로 인식하여 insert가 되지 않고 에러가 나는 상황이 발생했다. 그래서 db로 가기 전에 javascript에서 html 특수문자로 바꿔준 후 db에 넣고, 리스트를 가져올 때는 재변환하여 화면에 출력시켰다. Reference : html 특수문자 리스트 : http://kor.pe.kr/util/4/charmap2.htm HTML 특수문자 리스트 kor.pe.kr writer.ejs writer.js title = escapeHtml($('.title-inputer').val()); const entityMap = { '&': '&', '': '>', '"': '"', "'": ''', '/': '/', '`': '`', '=.. 서버 개념 정리 (프록시, DNS, SSH, HTTP, 프로토콜, 바인딩, FTP) 프록시 서버 (proxy server) 클라이언트가 자신을 통해서 다른 네트워크 서비스에 간접적으로 접속할 수 있게 해주는 컴퓨터 시스템이나 응용프로그램. Reference : https://ko.wikipedia.org/wiki/%ED%94%84%EB%A1%9D%EC%8B%9C_%EC%84%9C%EB%B2%84 프록시 서버 - 위키백과, 우리 모두의 백과사전 도식화한 프록시 서버. 두 컴퓨터 사이에 끼어 있는 컴퓨터가 바로 프록시 서버이다. 프록시 서버(영어: proxy server 프록시 서버[*])는 클라이언트가 자신을 통해서 다른 네트워크 서비스에 간접적 ko.wikipedia.org DNS (Domain Name System) 숫자로 된 식별번호(IP)를 사람이 이해하기 쉽게 단어로 변환시킨 것.. [Javascript] 변수(const, var, let)와 전역공간 선언과 할당 1. var (중복선언 가능) var a = 10; console.log(a); // 10 var a = 20; console.log(a); // 20 var a = 30; console.log(a); // 30 변수 선언 여러번 가능 2. let (중복선언 불가능, 재할당 가능) // let 중복 선언 let a = 10; let a = 20; // SyntaxError: Identifier 'a' has already been declared // 재할당 let a = 10; console.log(a); // 10 a = 20; console.log(a); // 20 a = 30; console.log(a); // 30 중복 선언은 불가능하나 재할당은 가능 3. const (중복선언 불가.. 이전 1 ··· 3 4 5 6 7 다음
