본문 바로가기

공부 기록75

[REACT]30분만에 대충 보고 당장 써보는 리액트 2021.05.25 - [인턴업무] - [AXIOS] Ajax를 Axios로 변환하기 30분 정도 쓱 보고 바로 대충 써볼 수 있는 리액트 - 인턴 업무의 일환으로 react를 사용하면서 가장 기본적인 부분들을 대충 쓰윽 보고 아 그렇구나~ 할 수 있도록 작성했다. - 아주 조금의 프론트 지식이 선행 되어야 한다. - 나도 잘 모르기 때문에 내가 아는 선에서 얼렁뚱땅 넘어가는 것도 있다. - Redux는 쓰고 있긴 한데 다른 인턴분이 적용하셔서 포함하지는 못했다. 하지만 이것도 당장 쓰기에는 그렇게 어렵지 않다. 📚목차 1. 리액트 구조 2. 클래스, 변수, 함수 선언 3. jQuery 4. Axios 5. Router 6. ETC 1. 리액트 구조 프로젝트 구성 📃pacakge.json Maven에서의.. 2021. 6. 7.
[디자인패턴]전략 패턴(Strategy Pattern) 2021.06.03 - [분류 전체보기] - [디자인패턴]파사드 패턴(Facade Pattern) [디자인패턴]파사드 패턴(Facade Pattern) 2021.06.03 - [분류 전체보기] - [디자인패턴] 데코레이터 패턴(Decorator Pattern), 옵저버 패턴(Observer Pattern) [디자인패턴] 데코레이터 패턴(Decorator Pattern), 옵저버 패턴(Observer Pattern) 2021.06... ktae23.tistory.com 디자인 패턴_Detail_5 Strategy Pattern 전략 패턴으로 불리며 객체지향의 꽃이라고 불린다. 유사한 행위들을 캡슐화 객체의 행위를 바꾸고 싶은 경우 직접 변경하는 것이 아닌 전략만 변경 유연하게 확장하는 패턴으로 SOLID .. 2021. 6. 3.
[디자인패턴]파사드 패턴(Facade Pattern) 2021.06.03 - [분류 전체보기] - [디자인패턴] 데코레이터 패턴(Decorator Pattern), 옵저버 패턴(Observer Pattern) [디자인패턴] 데코레이터 패턴(Decorator Pattern), 옵저버 패턴(Observer Pattern) 2021.06.03 - [Back-End/Java_Spring] - [디자인패턴] 프록시 패턴(Proxy Pattern) _ AOP [디자인패턴] 프록시 패턴(Proxy Pattern) _ AOP 2021.05.28 - [Back-End/Java_Spring] - [디자인패턴]싱글톤 패턴(Singl.. ktae23.tistory.com 디자인 패턴_Detail_4 Facade Pattern Facade는 건물의 정면이라는 뜻으로 여러개의 객체.. 2021. 6. 3.
[디자인패턴] 데코레이터 패턴(Decorator Pattern), 옵저버 패턴(Observer Pattern) 2021.06.03 - [Back-End/Java_Spring] - [디자인패턴] 프록시 패턴(Proxy Pattern) _ AOP [디자인패턴] 프록시 패턴(Proxy Pattern) _ AOP 2021.05.28 - [Back-End/Java_Spring] - [디자인패턴]싱글톤 패턴(Singleton Pattern), 어댑터 패턴(Adapter Pattern) [디자인패턴]싱글톤 패턴(Singleton Pattern), 어댑터 패턴(Adapter Pattern) 2021.05.28 -.. ktae23.tistory.com 디자인 패턴_Detail_3 Decorator Pattern 기존 뼈대(클래스)는 유지하되, 이후 필요한 형태로 꾸밀 때 사용 예시 : 에스프레소에 물, 우유, 초콜릿 등을 넣듯이.. 2021. 6. 3.
[디자인패턴] 프록시 패턴(Proxy Pattern) _ AOP 2021.05.28 - [Back-End/Java_Spring] - [디자인패턴]싱글톤 패턴(Singleton Pattern), 어댑터 패턴(Adapter Pattern) [디자인패턴]싱글톤 패턴(Singleton Pattern), 어댑터 패턴(Adapter Pattern) 2021.05.28 - [Back-End/Java_Spring] - [디자인패턴]Gof의 디자인패턴 (Gang of Four) 디자인 패턴_Detail_1 Singleton Pattern 어떠한 클래스(객체)가 유일하게 1개만 존재 할 때 사용한다. 실제 사물로는 여러.. ktae23.tistory.com 디자인 패턴_Detail_2 Proxy Pattern 대리인이란 뜻으로 무언갈 대신 처리하는 것 Proxy Class를 통해 대신.. 2021. 6. 3.
[디자인패턴]싱글톤 패턴(Singleton Pattern), 어댑터 패턴(Adapter Pattern) 2021.05.28 - [Back-End/Java_Spring] - [디자인패턴]Gof의 디자인패턴 (Gang of Four) 디자인 패턴_Detail_1 Singleton Pattern 어떠한 클래스(객체)가 유일하게 1개만 존재 할 때 사용한다. 실제 사물로는 여러 PC가 공유해서 사용 하는 프린터를 예로 들 수 있음 이를 주로 사용하는 곳은 TCP Socket 통신에서 서버와 연결 된 connect 객체에 주로 사용 Aplication Context를 이용 해 Spring의 Bean을 싱글톤으로 관리 함 싱글톤 생성 package design.singlton; public class SocketClient { // static으로 인스턴스를 만들어 어디에서든 접근 할 수 있음 // 하지만 priva.. 2021. 5. 28.
[디자인패턴]Gof의 디자인패턴 (Gang of Four) 2021.05.28 - [Back-End/Java_Spring] - [객체지향] 객체지향 4대 특성 및 5대 원칙 디자인 패턴 디자인 패턴이란? 자주 사용하는 설계 패턴을 정형화해서 유형별로 가장 최적의 방법으로 개발 할 수 있도록 정해 둔 설계 명확한 정답이 있는 것이 아니고, 프로젝트의 상황에 맞추어 적용 가능 Gof의 디자인 패턴 (Gang of Four) 객체 지향 개념에 따른 설계 중 재사용할 경우 유용한 설계를 정리 해둔 것 총 23개 장점 개발자(설계자) 간의 원활한 소통 소프트웨어 구조 파악 용이 재사용을 통한 개발 시간 단축 설계 변경 요청에 대한 유용한 대처 단점 모든 개발자의 객체지향 설계 / 구현에 대한 이해 초기 투자 비용 부담 생성 패턴 객체를 생성하는 것과 관련 된 패턴 객체의.. 2021. 5. 28.
[객체지향] 객체지향 4대 특성 및 5대 원칙 2021.01.30 - [K-digital training X 멀티 캠퍼스/JAVA] - [JAVA] 다차원 배열, 배열 복사, 객체 지향 프로그래밍(OOP), 캡슐화, 유효성검사, 상속, Shadow Effect, Up & Down Casting 객체지향 객체지향의 4대 특성 1. 캡슐화 객체의 속성(Variable)을 보호하기 위해 사용 컴퓨터 전원을 켜기 위해 메인보드에 전기신호를 직접 주는 것이 아닌 외부 케이스의 전원 버튼을 이용함 Method 설계 송성이 선언 되었으나 상태를 변경하는 method가 없다면 잘못 선언 된 속성이다. 실물 객체가 가진 기능을 모두 제공해야 한다. 각각의 Method는 서로 관련성이 있어야 한다 등록/해지, 생성/삭제 등 객체 안의 Method는 객체 안의 속성을 .. 2021. 5. 28.
[JS] Ajax를 Axios로 변환하기 2021.05.24 - [인턴업무] - [MYBATIS] ibatis를 mybatis로 변환하기 [MYBATIS] ibatis를 mybatis로 변환하기 2021.05.19 - [K-digital training X 멀티 캠퍼스/프로젝트] - [UI/UX] Chatting_Area - 채팅창 구현 [UI/UX] Chatting_Area - 채팅창 구현 2021.05.19 - [K-digital training X 멀티 캠퍼스/프로젝트] - [JQUERY.. ktae23.tistory.com 사용법은 거의 비슷하다. 러닝가이드를 보면 쉽게 배울 수 있다. Axios 러닝 가이드 xn--xy1bk56a.run 작업 중 post가 안되는 문제가 있었고, 이를 기록한다. axios.post('/url/path'.. 2021. 5. 25.

티스토리툴바