분류 전체보기 77

markdown이란 ? (.md)

github 또는 bitbucket에서 README.md 파일을 본 적이 있을 것이다. markdown은 간단한 문법으로 쉽고 빠르게 문서를 작성하기 위한 markup language라고 한다. 따로 문서 어플을 쓰지않고 이걸로만 문서를 정리하는 사람이 있다고 할 정도로.. 살펴보면 간단하긴 하다. 보통 github같은 repo에서 pr(pull request)나 README.md를 작성할 때 사용한다고 한다. ex) This is Head This is Head2 This is block !! Come on!! public static void main(String[] args) { System.out.println("Test"); } 빠르게 markdown 사용을 보고 싶다면 백문이 불여일견 아래 영..

etc/markdown 2021.03.19

알면 유용하게 쓸 수 있는 객체 함수 모음

○ sort() .배열에서 쓰인다. .ex) const a = ['a', 'c', 'b', 'd']; a.sort(); => ['a', 'b', 'c', 'd']; .ex) const b = ["10000", "4", "3", "6", "1"]; ○ localeCompare() .문자열 비교 .class형이나 함수의 여러 필드와 비교할 때 문자열을 비교해야하는 경우가 있는데 그 때 크기를 비교할 수도 있겠지만 () b.sort((a, b) => a.localeCompare(b)); => ["1", "10000", "3", "4", "6"] 여기는 그냥 sort로 해도 같은 결과가 나온다. 문자열 sort이기 때문에. ○ reverse() .배열에서 쓰인다. .순서를 반대로 바꿔준다. ○ split(pat..

Frontend/Javascript 2021.03.13

Event Bubbling/Capturing

쉽게 말해 이벤트에 전파이다. browser가 이벤트를 어떻게 인식할까를 생각한다면 조금 더 와닿게 쉽다. html element들은 트리구조로 되어있고 body가 최상위 구조라고 한다면 그 밑에 자식들을 두는 그런 형태이다. t tes test function handleClick(event) { console.log(event.currentTarget.className); } const one = document.querySelector(".one"); one.addEventListener("click", handleClick); 예를 들어 이 상태에서 three를 클릭하면 one이 console에 찍힌다. three를 클릭했는데도 one이 찍힌 이유는 click event가 상위element인 on..

Frontend/Javascript 2021.03.09

Promise란?

한 마디로 비동기 통신에서 사용하는 객체라고 할 수 있다. 전에는 call back함수로 데이터를 받았다면 ex) // 서버에서 받은 데이터 response를 callbackFunc() 함수에 넘겨줌 function getData(callbackFunc) { $.get('url 주소/products/1', function(response) { callbackFunc(response); }); } // $.get()의 response 값이 tableData에 전달됨 getData(function(tableData) { console.log(tableData); }); 이렇게 되면 흔히들 말하는 call back지옥에 빠지기도 쉽고 개인적으로 한 눈에 와닿기가 쉽지않다. 이후에 나온게 Promise객체인데 ..

Frontend/Javascript 2021.03.09

Redis란 ?

Redis(Remote Dictionary System)의 정의를 살펴보면 Redis is an open source (BSD licensed), in-memory data structure store, used as a database, cache, and message broker. 이라고 redis 공식홈페이지에 나와있다. 말 그대로 오픈소스 in-memory storage로 database나 cache, message broker로 사용된다. 라인, 삼성전자, 네이버, Stackoverflow, 인스타그램 등 여러 IT 대기업에서도 사용하는 검증된 오픈소스 솔루션이다. redis.io https://engkimbs.tistory.com/869 http://qnimate.com/overview-of..

Spring Boot란?

1. Spring Boot? 일반적으로 Spring Framework를 사용하기 위해서는 많은 XML(web.xml, ServeltContext.xml 등)을 작성해야했다. 이러한 설정없이 쉽고 빠르게 Spring 기반의 애플리케이션을 만들게 하는 것이 바로 Spring Boot maven, gradle로 프로젝트 전반적인 사이클을 관리한다. (최근에는 gradle이 강세) 2. 특징 1) 라이브러리 관리의 자동화 2) 라이브러리 버전 자동 관리 3) 설정의 자동화 4) 내장 Tomcat 5) 독립적으로 실행가능한 JAR Starter로 필요 library를 간편하게 세팅하여 다운 받아서 시작할 수 있음(start.spring.io) spring.io/projects/spring-boot Spring B..

Backend/Spring Boot 2021.02.03