[한입 리액트] 자바스크립트 기초
·
JavaScript
반복문= loop, iterationfor문for (초기식; 조건식; 증감식;) { // if문의 조건이 true 일 때, 이후 실행문을 실행시키지 않고, 다음 조건식으로 for문을 수행 if(조건) continue; 실행문; // if문의 조건이 true 일 때, for문을 종료 if(조건) break;} 함수// 함수선언function greeting() { console.log('안녕');}// 함수호출greeting(); // 소괄호와 함께 호출 필수===// 함수function getArea(width, height) { // 매개변수 let area = width * height; // console.log(area) return area; // 반환..
GetX 적용하기 - GetX? (1)
·
Flutter/GetX
GetX | Flutter packagehttps://pub.dev/packages/get get | Flutter packageOpen screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX.pub.dev GetX 설치 및 사용pubspec.yaml 파일에 아래와 같이 추가한다.dependencies: get: 그리고 아래와 같이 get 을 사용할 파일에서 import 한다.import 'package:get/get.dart'; GetX 이용하기1단계 : main.dart 파일에 void main() => runApp(GetMaterialApp(home: Home()));GetMate..
사이드 프로젝트 - 프론트 작업 (고민 및 결정)
·
카테고리 없음
SDK version 문제는 어떻게 해결 할 수 있을까?모든 프론트 개발자가 동일하게 세팅된 환경으로 개발할 수 있도록 할 수 있는 방법은?jdk, sdk, 사용 중인 언어, 라이브러리, 패키지 등의 버전을 통합으로 관리할 수 있는 방법을 찾자. 상태관리 라이브러리는 getX 를 사용하기로 결정. main() 에서 처음으로 보여주는 widget 은 무엇으로 설정하며,어떤 분기에 따라, 어떤 방식으로 관리자/회원 로그인 스크린 그리고 로그인 후 메인 스크린으로 이동시킬지.
Foam Foam Form 프로젝트 배포!
·
카테고리 없음
Foam Foam Form(FFF) 사이트https://www.foamfoamform.com프로젝트 배포 완료우리 조의 프로젝트 폼폼폼이 세상 사람들에게 공개됬다.한 번씩 둘러보고 피드백도 남겨주세요!!!  사실 아쉬움도 많이 남지만,팀원들이 밤낮으로 열심히 작업한 결과물이 세상에 공개됬다는 사실에 가슴이 떨린다. 팀원들에게는 정말 감사한 마음을 원없이 전하고 싶다. 끝나지 않았지만 중간 회고랄까아직 항해가 끝난 것은 아니다.배포를 했고, 이제 유저들의 피드백을 받아 조금 더 완성도를 높여야한다. 그리고 개인적으로 자바와 스프링에 대한 기초를 쌓아야 할 것 같다. 제대로 임한 첫 프로젝트이다 보니 당연한 거지만, 내가 너무나 많이 부족하구나 라는 생각이 많이 든다.그리고 한 편으론 이후에 내가 이렇게 더..
Spring Boot에 Redis 적용
·
카테고리 없음
ReferenceRedis 설치 및 간단한 사용 방법 (Mac)[SpringBoot] Redis+SMTP 인증메일 구현Spring Boot 에서 Redis 사용하기[Spring Boot + Redis] 스프링 부트 Redis 사용해보기[Redis] AWS EC2에 redis-server setup 하기[REDIS] 📑 redis.conf 파일 설정 항목 정리LRU Cache 이해하기0. Local 에 Redis 설치(Mac OS)# brew 로 redis 설치brew install redis# redis 시작 명령어brew services start redis # brew services stop redis # brew services restart redis# redis cli 사용 명령어$ redi..
REST API란?
·
카테고리 없음
REST API 에 대한 일반적인 인식- URI 를 통해 자원을 지정- HTTP 메서드 -> 자원에 대한 행위를 표현:: CRUD ::POST /userGET /user/1PUT /user/1DELETE /user/1 로이 필딩의 REST API REST - 위키백과, 우리 모두의 백과사전위키백과, 우리 모두의 백과사전. 대한민국의 힙합 음악가에 대해서는 R-EST 문서를 참고하십시오. REST(Representational State Transfer)는 월드 와이드 웹과 같은 분산 하이퍼미디어 시스템을 위한 소프ko.wikipedia.org REST 아키텍처 스타일에 부합하는 APIREST 아키텍처에 적용되는 6가지 제한 조건Client-ServerStatelessCacheUniform Interfac..
CI/CD 와 무중단 배포
·
카테고리 없음
CI/CD📌 용어정리컴파일프로그래머가 작성한 소스 코드를 기계어로 변환하는 과정빌드소스 코드 파일을 컴퓨터에서 실행할 수 있는 소프트웨어 산출물로 만드는 과정배포빌드의 결과물을 사용자가 접근할 수 있는 환경에 배치하는 것CI (Continuous Integration) 이란?지속적 통합이라는 뜻으로 개발을 진행하면서도 품질을 관리할 수 있도록 여러 명이 하나의 코드에 대해서수정을 진행해도 지속적으로 통합하면서 관리할 수 있음을 의미한다. CI 가 있기전에 ...개발자들은 머지 데이라는 날을 통해 모든 분기 소스 코드를 병합하는 업무를 하였다.이는 결과적으로 많은 리소스의 낭비를 초래하게 되었다.CI 과정개발자가 코드 병합을 요청하면→ CI 툴이 빌드와 테스트를 진행한다.(성공)→ 과정에 문제가 없다면 ..
Servlet & Spring Web MVC
·
카테고리 없음
Servlet 그리고 Spring Web MVCServlet 은?웹 애플리 케이션을 만들 때 필요한 인터페이스 Spring Web MVC 는?Spring Framework 에 있는 모듈로써 MVC 패턴을 사용하여 Web Service 를 만든다.그리고 Servlet 을 사용한다.Servlet 은 왜 생겼을까?태초에 웹 프로그래밍은 정적 데이터만 전달할 수 있었다.→ 사용자(요청)에 따라 다른 처리를 해줄 수 없다.→ 동적인 처리를 해주는 웹 애플리케이션이 없다. 동적 데이터를 처리하는 CGICGI 란 Web Server 와 프로그램 사이의 규약을 의미한다.→ CGI 는 요청이 들어올 때 마다 프로세스를 만든다.→ 따라서 많은 사용자를 처리하기엔 무리가 있었다.문제점 1. 요청마다 무거운 프로세스를 만드는..
AOP 와 Spring AOP
·
카테고리 없음
🧐 AOP 가 무엇일까?Aspect Oriented Programming 관점 지향 프로그래밍횡단 관심사(cross-cutting concern)의 분리를 허용함으로써모듈성을 증가시키는 것이 목적인 프로그래밍 페러다임여러 객체에 공통으로 적용할 수 있는 기능을 분리해서개발자는 반복 작업을 줄이고 핵심 기능 개발에만 집중할 수 있음즉, 여러 객체에 공통으로 적용할 수 있는 기능을 분리하여 재사용성을 높여주는 프로그래밍 기법이다. 프록시란?자신이 클라이언트가 사용하려고 하는 실제 대상인 것처럼 위장해서 클라이언트의 요청을 받아주는 것(대리인, 대리자)사용 목적에 따라 부르는 이름이 달라진다.클라이언트가 타깃에 접근하는 방법을 제어 -> 프록시 패턴타깃에 부가적인 기능을 부여 -> 테코레이터 패턴  ✏️ A..
Spring 과 Spring Boot
·
카테고리 없음
Spring Boot?👉🏻 dependency Spring- dependency 가 너무 길다.- 버전까지 명확하게 관리해주어야 한다. Spring Boot- Spring 에 비해 dependency 가 짧고 간결하다. (gradle 을 사용하면 더 짧아짐!)- 버전 관리를 권장 버전으로 자동으로 설정해준다! 👉🏻 ConfigurationSpring- configuration 이 너무 길다. Spring Boot- 짧고 간결한 application.properties 로 대체!- 요즘은 .properties 대신 .yml 을 이용하기도 한다. (사람이 훨씬 읽기 쉬운 형식) 👉🏻 TomcatSpring- 외장 서버로 Tomcat 을 사용한다.- 구동 시간이 길어진다는 특징이 있다. Spring..
JVM Stack & Heap
·
카테고리 없음
JVM- 자바 바이트 코드는 타겟 플랫폼에 상관 없이 JVM 위에서 동작한다.- 물론, JVM 은 타겟 플랫폼에 의존한다. Write Once, Run Anywhere" - Sun Microsysyems네가 짠 자바 코드를 컴파일해서 배포하면, 어떤 플랫폼이든 다시 컴파일할 필요 없이 실행시킬 수 있어!하지만 실행하려면 그 플랫폼에 맞는 JVM 이 설치되어 있어야 해! 자바 코드가 실행되기까지 모든 쓰레드가 공유Method Area- 클래스 로더가 클래스 파일을 읽어오면, 클래스 정보를 파싱해서 Method Area 에 저장 Heap- 프로그램을 실행하면서 생성한 모든 객체(인스턴스)를 Heap 에 저장  쓰레드 마다 존재Program Counter (PC)- 각 스레드는 메서드를 실행하고 있고, PC ..
레이어드 아키텍처 패턴
·
카테고리 없음
Presentation 계층 사용자와 상호 작용 처리 계층 CLI, HTTP 요청, HTML 처리 등을 담당한다. HTTP 요청 처리 및 HTML 렌더링에 대해 알고 있는 웹 계층 흔히 말하는 MVC (Model / View / Controller) 도 이 계층에 속한다. 우리가 URL을 매핑해서 특정 메서드가 해당 URL로 요청이 올 때마다 호출되게 프로그래밍 했다. 그 계층을 말하는 것이며, 스프링에서는 @Controller 어노테이션을 사용하여 표현한다. Domain(Business or Service) 계층 서비스/시스템의 핵심 로직 유효성 검사 및 계산을 포함하는 Business 논리 계층 애플리케이션이 수행해야하는 도메인과 관련된 작업들을 담당한다. 입력/저장된 데이터를 기반으로 계산 Pres..