분류 전체보기 259

[TIL #1] Web Service / REST / XML / Open API

업무 중에 생긴 질문 아래와 같음! WEBSERVICE XML OPEN API REST REST API 웹 서비스(Web Service) 는 = XML + SOAP + WSDL / HTTP 이다. http://www.nextree.co.kr/p11842/ 알고보면 쉬운 웹서비스 웹 서비스를 적용한 애플리케이션을 구축하는 것은 쉽지 않습니다. 그러나 웹서비스의 개념과 구성을 큰 그림으로 이해한다면, 웹서비스를 구축하는 과정이 다르게 느껴질 수 있습니다. 오늘은 그동안 웹서비스를 공부하면서 개운치 않았던 부분들을 긁어드리려 합니다. 알고보면 쉬운 웹서비스에 대해 함께 살펴봅니다. 왜 웹 서비스를 선택할까요? 먼저 왜 웹서비스를 사용하는지에 대한 궁금증부터 해소해볼까요. 우리가 웹서비스를 www.nextree..

[WEB] 2020.04.10

[Vanilla Javascript] Events, Events Handler

- window가 resize되면 function을 부르자! window.addEventListenr("resize", handleResize()); // function을 바로 부르라는 것 handleResize 만 붙이면 () 없이! 그럼 resize가 되면 handleResize 함수를 부르라는 것 // title에 #title받아온 것 넣구..(ID??) 그 title에 이벤트가 발생할 때 addEventListener, 클릭이 일어날 때, handleClick이라는 함수를 만들어라! 스 함수는 function handleClick() { title.style.color = "red"; }

[React] Front-End 2020.02.11

[노마드코더: Vanilla Javascript] Array, Object, Function

*이 게시물은 노마드코더 바닐라자바스크립트 수업 복습용으로 작성된 글 입니다. https://www.youtube.com/watch?v=PRA_bhUxuh4&list=PL7jH19IHhOLM8YwJMTa3UkXZN-LldYnyK&index=13 Array Object - 데이터에 레이블을 달 수 있음 -gender값만 얻고 싶을 때 - object안의 데이터값 변경 가능 - Object안에 array를 사용할 수도 있음 - object 내 array 내 object 이렇게 만들 수도 있음 Function - 자바스크립트에서는 ' ' 와 " " 모두 스트링을 표현한다 - ` ` 도큐먼트에 있는 모든 것이 오브젝트가 된다 => 내 페이지에서 자바스크립트로 선택한 것은 모두 Object가 된다 => 자바스크립..

[React] Front-End 2020.02.09

JSON

JSON - 경량의 데이터 교환 형식임 - JSON은 데이터 포맷일 뿐임(어떠한 통신방법도, 프로그래밍 문법도 아님. 그냥 단순히 데이터를 표현하는 방법임) - 데이터를 나타내는 대표적인 방식 XML, 데이터값 양쪽에 태그가 있음 => HTML을 근본으로 했기에 태그라는 것이 없을 수가 없음. 태그를 줄인다해도 최소한 표현하려면 양쪽에 몇글자씩 있어야하는 것이 특징.. - JSON은 태그로 표현하기보다 {} 중괄호로 표현하고 값을 , , 로 나열하기에 표현식이 간단함 - 자바스크립트 객체와 마찬가지로 key/value가 존재할 수 있으며 key값이나 문자열은 항상 쌍 따옴표를 이용하여 표기 - 자바스크립트에서 객체를 만들 때 사용하는 표현식 - 사람과 기계 모두 이해하기 쉬움 - 용량이 작아서 최근에는 ..

[React] Front-End 2020.02.09

2020 Javascript Trend | 자바스크립트 트렌드 (by.노마드코더)

1. JS Flavor Typescript - JS의 superset임 그러므로 0부터 시작할 필요가 없다는 뜻 2. Front End Frameworks React - 가장 인기 많고 계속 쓰고 싶어 함 Svelte - 많은 사람들이 관심을 가짐 라이브러리 다운 필요 없이 모든것을 바닐라 JS로 변환해줌 Angular - 노 인기 3. Data Layer Redux - 현재 가장 많은 인기 Apollo - 관심도가 높음 GraphQL - 만족도가 높음 4. Back End Frameworks Express - 계속 사용하고 싶어하고 인기 많음 - Node.js 로 뭔가할때 백엔드의 넘버원 선택은 express! Next.Js - 많은 사람들이 관심을 보임, react관련 백엔드 프레임워크 5. Mobi..

[React] Front-End 2020.01.26

[Spring] Spring / MyBatis 리뷰

https://github.com/iluvdadong/Java-Spring-Project iluvdadong/Java-Spring-Project Java Spring Framwork / myBatis / JUnit. Contribute to iluvdadong/Java-Spring-Project development by creating an account on GitHub. github.com MyBatis 1. 마이바티스 + 스프링을 쓰려면 pom.xml에 아래의 dependencies 추가 * 스프링과 마이바티스를 같이 쓸 수 있음 * 마이바티스는 동양권에서 많이 씀 org.mybatis mybatis 3.2.2 org.mybatis mybatis-spring 1.2.0 * 한단계 더 나가려면 하이..

[WEB] 2020.01.15

[Spring] JUnit

JUnit 1. 프로젝트 new-source folder를 만들어줌. 메이븐은 자체적으로 해줌 ex. src/test/java 2. properties 3. junit test case 등등 4. 테스트할 때 패키지 이름은 같은 것이 좋다 5. assertEquals 사용해서 결과값은 무엇이다 넣어줘서 체크 가능 https://nesoy.github.io/articles/2017-02/JUnit JUnit이란? nesoy.github.io http://www.nextree.co.kr/p11104/ 새내기 개발자의 JUnit 여행기 이번 글에서는 JUnit 단위 테스트 Framework에 대해 알아봅니다. JUnit은 Java의 단위 테스트에서 빼놓고 이야기하기 어려울 정도로 절대적인 위치를 차지하고 있습..

[WEB] 2020.01.14

[Spring] 스프링 프레임워크란 / MyBatis

- POJO기반? https://limmmee.tistory.com/8 스프링 프레임워크 1 - POJO에 대하여 스프링 프레임워크 (Spring Framework) 1 - POJO에 대하여 프레임워크란? 소프트웨어 프레임워크 : 복잡한 문제를 해결하거나 서술하는 데 사용되는 기본 개념 구조 (by 위키피디아) 개발자에게 프레임워크란 맨땅.. limmmee.tistory.com - IoC컨테이너 제어의 역전? -> 스프링에게 객체 생성을 맡기겠다는 개념 왜? 결합도를 낮추기 위해서 => 중간에 인터페이스를 놓는다. 빈을 생성해주는 역할 - 스프링이 제공하는 공장에게 내가 원하는 객체를 생성하기 위해 알려줘야 하는 것 ex.나 이런이런 객체 만들거야~라고 알려주는 것 1. xml에 bean등록 2. 자바 ..

[WEB] 2020.01.14