본문 바로가기

전체 글42

이재용 '동행철학' 결실이 쓰는 삼성 청년 SW 아카데미 aka SSAFY 9기 수료 후기 1. Why? 이재용 '동행철학' 결실…SSAFY 누적 취업자 5년만에 5천명 넘어 | 연합뉴스(서울=연합뉴스) 장하나 기자 = 삼성의 대표적인 CSR(기업의 사회적 책임) 프로그램인 '삼성청년소프트웨어(SW)아카데미'(이하 SSAFY)의...www.yna.co.kr안녕하세요, 이재용 동행철학의 결실입니다. 홍보용 사진으로 쓰일 수 있다는건 알았지만 이 정도로 오만데 다 쓸지는 몰랐습니다...얼굴도 다 팔린김에 후기 작성합니다.2. How?지원과 합격컴퓨터공학과 졸업작품을 팀원들과 함께 만드는 중에, 함께 만들던 후배가 "선배님 프론트 반년하고 이 정도면 재능이 있는거 같은데, 개발쪽 진로 생각있으시면 SSAFY 지원해보시는게 어때요?" 라고 추천을 해줘서 지원했다. 이후 합격까지의 과정을 간략하게 설명.. 2024. 1. 8.
유저 인증 상태 관리하기 1. Why? 프로젝트 에서 회원 관리 및 프론트엔드에서의 보안을 담당하게 되었는데, 그 과정에서 JWT와 OAuth를 사용해서 유저의 인증 상태를 관리했다. 이번 글에서는 어떻게 백엔드와 데이터를 주고받았는지, 그리고 왜 이런 방식으로 구현했는지에 대해서 설명하고자 한다. 만약 네트워크에 대한 배경지식이 없으시다면 아래 링크의 글부터 읽는 것을 추천드립니다. 쿠키와 세션 / 네트워크 HTTP W3 상에서 정보를 주고받을 수 있도록 정의된 프로토콜 Connectionless(비연결성) : 요청에 따른 응답을 받고나면 연결을 끊음 Stateless(무상태성) : 클라이언트-서버 관계에서 서버가 클라이언트의 cksxkr5193.tistory.com 2. How? 어떤 선택지가 있는지 1) 세션 기반 인증 인.. 2024. 1. 8.
Vite를 사용하면서 svg 컴포넌트로 만들기 1. Why?과제 테스트를 위해 React + Vite 환경에서 setting 진행중이다. svg파일을 React Component로 만들어 쓰려고 했지만 계속해서 정상적으로 랜더링이 이뤄지지 않았다.  결론부터 말하면 Vite 4.0 이후로 문법이 달라져서 생긴 이슈였다. 2. How?순서vite-plugin-svgr 라이브러리 설치svg.d.ts 파일 생성(이름 달라도 상관 X)vite.config.ts 수정tsconfig.json 수정svg.d.tsdeclare module '*.svg' { const content: React.FC>; export default content;} vite.config.tsimport svgr from 'vite-plugin-svgr';export default.. 2024. 1. 1.
Eslint와 Prettier 설정하기(React + Ts 사용) 1. Why?과제 테스트를 React와 TypeScript로 진행하는 중이다. 간만에 Eslint와 Prettier를 설정하다보니 기억도 가물가물한데, 그 김에 Eslint와 Prettier를 어떻게 설정했는지를 설명하고 왜 이렇게 설정했는지에 대해서 적어보고자 한다. 아래의 설정은 React + TypeScript + pnpm 기준이다. 2. Eslint init잠깐!일단 설명하기 전에, 나는 실수로 eslint를 정상적으로 적용시키지않고 과제를 제출했다...eslint를 설치하고 나서 .eslintrc.json 파일도 정상적으로 설정해줬으니 알아서 잘 돌아가겠거니~ 했는데과제 제출 후 글을 작성하는 도중에 혹시나 하고 var를 코드에 입력해봤는데 에러가 출력되지 않았다...뒤늦게 eslint init.. 2023. 12. 31.

티스토리툴바