Redux 란?
·
FrontEnd/React
1. Redux의 주요 개념 Redux는 Flex 아키텍쳐를 기반으로 설계되었으며, 단일 상태 관리(store)를 중심으로 동작한다. 1) Store애플리케이션의 중앙 상태 저장소 이다.상태는 하나의 store에 저장되며, 전역에서 접근 가능하다.컴포넌트가 직접 상태를 변경할 수 없고, 상태 변경은 오직 Action과 Reducer를 통해 이루어진다. 2) Action상태를 변경하기 위한 명령 객체이다.액션 객체는 보통 type 속성을 가지며, 추가 데이터를 포함하기 위해 payload 속성을 가질 수 있다.const action = { type: 'INCREMENT', payload: 1 }; 3) Reducer상태(state)와 Action을 입력받아 새로운 상태를 반환하는 순수 함수이다.상태를 직접..
[에이콘 아카데미] 중간 프로젝트 이후.. 그리고 최종 프로젝트를 고민하며..
·
Project
중간 프로젝트를 무사히 마치고 시간이 흘러 스프링을 배우게 되었고 중간 프로젝트때 만들었던 것들을 스프링으로 구현해야한다... 대문자 P인 나는 생각만 잔뜩하고 미루고있었다... 양심에 찔려서 해야할 것들을 정리했다.. 스프링은 왜이렇게 헷갈리는지ㅠㅠㅠㅠ reservation 예약 관리를 맡았고 customer, service, member와 join을 해야하는데 헷갈려서 무작정 적어봤다.. 스프링으로 바꿔야하고 ajax로 추가해야하는 기능들은 이미 알고있지만 엮여있는게 많다보니 무작정 시작하면 넘 헷갈릴거같아서🥹🥹 추가해야할 것들도 있을텐데 어려워서 넘 걱정이된다.. 하지만 이겨내야지... 흑흑.. 나 좀.. 이렇게 된거 같은데..?
오늘의 하루
·
일상~
오늘은 약속이 있어서 성수동에 다녀왔답니다~! 이것저것하다가 저녁으로 닭도리탕을 먹으러 동대문곱창에 갔어요!! 나혼자산다에 nct 도영이 다녀와서 화제가 되었던 그곳!! 저번에 갔을때에는 대기가 없었는데 오늘은 빗속에서 3시간을 기다려서 먹었답니다!! 역시 인기 짱!! 그치만 기다릴만큼 맛있었아요!! 저도 또 가야하니까 다들 조금씩만 가주세요~!
React 기본 문법 연습
·
FrontEnd/React
본격적인 React 실습을 들어가며 React의 기본 구조와 기본 문법을 이해하기 위해 연습을 하게 되었다. React는 App.js에서 작업을 한다   function의 return 내부 구문이 JSX 기반의 컴포넌트 구문이다.그리고 App.js는 index.js에 import되어 활용되고 있었다.     function App( ) 함수 외부 함수 호출 뭔가를 작업하고 싶은데 코드의 양이 많거나, 성격이 다르거나, 다른 곳에서 함수를 호출하고 싶을 때, 다른 위치에 Class 또는 function을 만들어서 function App( )에서 호출한다. Class 컴포넌트 type 작업import { Component } from "react";//클래스 컴포넌트 (유닛화) : //조립식 프로젝트에서 효..
React 사용 환경 설정
·
FrontEnd/React
1. Node.js 설치 https://nodejs.org/en/ Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org    위 사이트를 들어갔을때 나오는 페이지에서 다운로드를 했다.  다운로드한 파일을 더블 클릭하고 전부 Next 를 누른 다음 Install 하여 설치하였다.   npm -vnode -vnpx -v 명령 프롬프트에서 다운 되었는지 버전을 확인했다. ▼ npx 가 없을 경우더보기npx가 없을 경우에 npm으로 'React 개발환경 설치를 위한 create-react-app' 을 먼저 실행한다.   > npm install -g cre..
빌더 패턴 (Builder Pattern) 이란?
·
BackEnd/Spring
빌더 패턴(Builder Pattern) 이란? 빌더 패턴은 객체 생성 패턴 중 하나로, 복잡한 객체를 단계별로 생성할 수 있게 해준다. 이 패턴은 특히 많은 매개 변수를 가진 생성자나 객체 생성 시 다양한 옵션을 제공해야하는 경우에 유용하다. 빌더 패턴을 사용하면 객체 생성의 유연성을 높이고 , 가독성과 유지 보수성을 향상시킬 수 있다. 빌더 패턴의 구성 요소 Builder 클래스 : 객체 생성을 담당하는 내부 클래스 이다. 이 클래스는 객체의 각 필드를 설정할 수 있는 메서드들을 제공하며, 최종적으로 객체를 생성하는 build( ) 메서드를 가진다.Director 클래스 (선택적) : 객체 생성 절차를 정의하는 클래스이다. 빌더 패턴의 구현 시 반드시 필요한 것은 아니며, 주로 복잡한 객체 생성 절차..
오늘의 하루~
·
일상~
드디어 화요일~! 바쁜 하루 중에 잠깐 에러를 잡는 시간에 블로그를 쓰게 됐어용~!내일부터는 코딩에 관련된글을 올려야겠어요~!spring security에 대해 조금 배웠는데 넘 신기했어요!! 관련된 글을 조만간 정리해서 올려보도록 할게요!!다들 화요일을 어떻게 보내고 계신가요??  오늘 만들었던 사진첩 이미지 파일 올리기 결과도 올려보아용~! 티니핑이 정말 귀엽죠!!
타코데이
·
일상~
오늘은 11월 11일 빼빼로 데이이자 엽떡 데이였어용~! 그래서 학원친구들과 엽떡을 먹으러 가기로 했는데 말이죠~! 부푼 기대를 안고 엽떡 가게 앞에갔는데 줄이 너무 길었어요!! 그래서 하는수없이 근처의 타코집을 갔답니다~!강남역의 감성타코~! 맛집이에요!! 엽떡은 다음에 가야겠어요~!
오늘의 하루
·
일상~
블챌 까먹을뻔했는데 까먹지말고 글쓰라고 알림도 남겨주셨다 티스토리 짱!!🩷 오랜만에 주말동안 편하게 보낸거같다!! 월요일을 생각하니까 다시 마음이 무거워지지만!! 내일부터 배울 리액트를 위해 일찍 자야겠다!!💪🏻 아자잣선물받은 행운~🍀
스프링 프레임워크와 스프링 부트 시험을 보다..
·
일상~
바야흐로 11월 8일.. 한달동안 배운 스프링 시험을 봤는데 프레임워크 15문제, 부트 15문제 총 30문제를 풀어야한다는걸 당일에 알게되어서 넘 당황했다🫨🫨🫨 두과목 합쳐서 15문제인줄 알았는데!! 그래도 나름 이론 위주 + 생각보다 간단한 실습이었다!! (그치만 쉽지는 않은...) 최근에는 거의 spring boot & gradle & jpa로 실습을 하다보니까 maven이나 boot가 아닌경우의 프로젝트를 만들고 환경 설정을 하는게 넘 헷갈렸다... 문제푸는 것 뿐만아니라 환경설정하는것도 복습을 꾸준히 해야겠다고 생각하게 되었다... 다음주부터는 react를 하게 되는데 spring 복습을 계속 하지않으면 큰일이 날 것같다.. 열심히 해야지 화이팅...