Daily Log

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

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

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

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..

https://doublesprogramming.tistory.com/16?category=736879 스프링 프로젝트 디렉토리 구조 스프링 프로젝트 디렉토리 구조 src/main/java : 자바코드(컨트롤러, 모델) src/main/resources : 자바 코드에서 사용할 리소스(mapper, sql) src/test/java : 테스트 코드 src/test/resources : 테스트 코드에.. doublesprogramming.tistory.com

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 * 한단계 더 나가려면 하이..

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의 단위 테스트에서 빼놓고 이야기하기 어려울 정도로 절대적인 위치를 차지하고 있습..

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

아파치 메이븐 설치 및 프로젝트 생성 https://m.blog.naver.com/PostView.nhn?blogId=mongnme&logNo=220753606564&proxyReferer=https%3A%2F%2Fwww.google.com%2F #05. 아파치 메이븐 설치부터 프로젝트 생성까지 1. 아파치 메이븐 간단하게 살펴보기 하나. 메이븐 프로젝트의 아이콘▲ 위 이미지의 아... blog.naver.com

*백기선님의 인프런 강좌 '예제로 배우는 스프링 프레임워크 입문' 강의의 요약 및 복습 자료입니다. 스프링이 무엇? - 스프링 프레임워크를 사용한 예제코드를 보며 스프링의 주요 철학과 기능을 빠르게 학습 - 강좌 목표 - 실제 코드를 보며 스프링 프레임워크에 대해 소개합니다. - 스프링 프레임워크가 개발자에게 주는 가치를 이해합니다. - 스프링 프레임워크 주요 기능을 짧은 시간 안에 간략하게 이해하는 것을 목표함 강좌 계획 1. 강의 소개 - 강의 소개 - 프로젝트 세팅 - 프로젝트 살펴보기 2. Inversion of Control - IoC 소개 - IoC (Inversion of Control) 컨테이너 - 빈 Bean - 의존성 주임 (Dependency Injection) 3. Aspect Or..