분류 전체보기151 TIL 230817 : AWS S3 (Simple Storage Service) 1 - 세팅, 객체업로드 AWS에서 제공하는 여러가지 서비스가 있다라는 걸 이제야 파악이 된다. 그 중에서 Simple Storage Service. 줄여서 S3서비스를 해보려한다. 기본 세팅부터 파일 업로드 하는 용량 설정 까지 해본다. 1. 버킷 생성 및 권한 설정 기본적으로 버킷을 생성해야 한다. 클라우드에 있는 외장하드 개념이라고 생각하면 쉽다. 정확히는 최상위의 컨테이너. 자세한 과정은 해당 블로그 참고 https://gaeggu.tistory.com/33 2. Spring 의존성 추가 implementation 'org.springframework.cloud:spring-cloud-starter-aws:2.2.6.RELEASE' 3. properties 파일 추가 기본 application.properties파일에 해.. 2023. 8. 22. TIL 230816 : Cors 필터 적용하기 (Spring Security 환경) https://thiswooin.tistory.com/57 TIL 230719 : CORS 첫 대면 https://thiswooin.tistory.com/56 TIL 230718 : 카카오로 로그인하기 기능 (OAuth) https://developers.kakao.com/docs/latest/ko/kakaologin/common#intro-kakaologin Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발 thiswooin.tistory.com 예전에 CORS를 마주한 적이 있었다. 당시, 숱하게 많은 대응책을 구글에서 접했는데 모두 통하지 않았다. 이유는 두가지이다. 스프링 시큐리티 환경인지 아닌지 필터를 추가를 시켜야 하는지. 정말 긴 시간 나를 괴롭힌 CORS를 .. 2023. 8. 21. TIL 230814 : 리액트를 접해보기 3 (useEffect) 지난 시간에 언급한 프론트 특강은 자바 스프링 과정을 배우는 입장에서 프론트를 손쉽게 구현하기 위해 ChatGPT를 활용하는 프로세스를 맛보여줬었다. jwt인증정보 확인하는 코드를 물어봤다. useEffect..? 처음보는 개념에 그냥 복붙할 수 없고 알고 써야 잠자리가 편하기 때문에 useEffect가 뭔지 정리해본다. useEffect? 일단 이 기능을 한 줄로 말하면 특정 조건시 실행해주는 조건문 같은 그런 기능? 기본 구조는 아래와 같다. //기본 구조 useEffect(실행 함수(), [변경시 실행될 변수]) //예시 const [info, setInfo] = setState('초기값') useEffect(()=>{ console.log('useEffect에 지정된 함수가 실행됐습니다.') },.. 2023. 8. 17. WIL 230813 : 리액트를 접하다. FACTS 이번 일주일 동안 있었던 일, 내가 한 일 : 기본적인 CRUD기능 구현 이후에 특강으로 제공받은 프론트엔드 구현 강의를 들었다. 자연스럽게 react라는 프론트엔드 프레임워크를 접했고, 기본적인 기능들을 익히며 함수형 컴포넌트의 동작방식도 익혔다. FEELINGS 나의 감정적인 반응, 느낌 : html의 발전역사가 엿보였다. 예전 원시적인 방법으로 프론트를 제작할 때 굉장히 비효율적이라고 생각이 들었었다. 하지만 역시 인류는 답을 찾아왔고 진화했다라는 것을 느꼈다. 함수형 컴포넌트를 사용해가며 렌더링이라는 개념으로 SPA라는 개념을 탄생시켰고, 생산성 높은 방식들을 발명해왔다라는 걸 느꼈다. 이를 배우는 과정 하나하나 동안 이러한 프레임워크를 개발한 개발자들에 대한 무한한 동경을 느끼며 배우.. 2023. 8. 17. TIL 230811 : react 접해보기 2 (useState, hooks) 지난 시간 리액트 기본 환경세팅과 컴포넌트의 동작 구조에 이어서 리액트의 가장 기본이 되는 훅 중 두가지인 useState와 useEffect에 대해 정리해보려 한다. React hooks 리액트 훅은 16.8버전에 도입된 라이브러리로서, 기존의 클래스를 이용했던 개념을 대체해 함수형 컴포넌트에서도 이를 편리하게 사용할 수 있게 해주는 개념이다. 이에 리액트에서는 기본적으로 제공하는 hook들이 몇가지 있는데 아래와 같다. 기본 지원 hook 1. useState 컴포넌트의 state(상태)를 관리 할 수 있다. 상태에 따라, 다른 화면 출력 2. useEffect 렌더링 이후에 실행할 코드를 만들수 있다. 어떤 변수가 변경될때마다(의존성), 특정기능이 작동하도록 할 수 있다. 3. useContext .. 2023. 8. 17. TIL 230810 : react 접해보기 1 (JSX) 특강으로 제공된 프론트엔드 내용에 react가 들어간다. 예전부터 보기는 많이 봐왔는데, 등장한 김에 react도 한번 공부해볼까 한다. vue.js 랑 고민이 좀 되긴했는데 아직은 react관련 자료도 많은것 같고 web-app 기반이라 큰 틀에서는 얼추 비슷한 내용도 있어서 react로 이어나가고자 한다. 사전 세팅 node.js 설치 (LTS추천) -> npm, npx 사용할 수 있다. create React App 라이브러리를 사용해서 기본 프로젝트를 만들어준다. npx create-react-app my-react-app react-router-dom 의존성 추가 npm install react-router-dom react 동작 기본 구조 index.html -> index.js -> app... 2023. 8. 10. 이전 1 ··· 10 11 12 13 14 15 16 ··· 26 다음
