전체 글 103

(항해81일차) 220525 리액트 실전프로젝트 34일차

소셜로그인 구현 과정 1. 기존 방식: 프론트에서 인가코드 받은 후 서버로 전달해 토큰 받기 2. 서버측에서 인증완료 후 토큰 받은 후 새로 토큰 생성해 넘기기 3. 이유는? 웹디자인, 해상도, 반응형 참고 https://hello-woody.tistory.com/8 웹 디자인 해상도, 적응형과 반응형 차이 처음 UI 디자인을 시작하였을 때 어려웠던 부분은 해상도였습니다. PC웹 혹은 앱, 모바일 앱을 디자인 들어갈 때마다 어떤 해상도를 기준으로 디자인 해야 할지, 반응형은 어떻게 대응해야 하는 hello-woody.tistory.com https://www.samsungsds.com/kr/insights/enterprise_ux_resolution.html [Enterprise UX] SI 프로젝트에서..

(항해79일차) 220523 리액트 실전프로젝트 32일차

1. editUser 기능 구현: 기존에 있던 데이터 불러온 후 수정 사항 반영, input요소 radio의 checked (disabled와 readonly 차이, false일 때 오류가 발생하는 이유는?) http://www.tcpschool.com/html-tag-attrs/input-checked 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com https://dasima.xyz/html-attribute-omit/ HTML 속성값 생략 checked 및 disabled 예제 - dasima HTML 속성값 생략은 어떤 경우에 가능할까요? 논리형 속성이라 불리는 속성명과 속성값이 일치하고 경우의 수가 하나 밖에 ..

(항해74일차) 220518 리액트 실전프로젝트 27일차

마이페이지에서 사용할 모달을 만들고 있다. 1. 모달 구현 시 포탈 사용하는 이유? 2. 모달에서 모달로 어떻게 연결했는지? 3. 기타 모달 관련 css 부분(뒷 배경 스크롤 막기, 스크롤바 생성, 배경 클릭 시 모달창 닫기 등) 배경 클릭 시 모달 닫기 https://velog.io/@altmshfkgudtjr/Redux%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%9C-Modal-%EA%B5%AC%ED%98%84 예제 https://codesandbox.io/s/global-modal-with-react-rep1f?from-embed=&file=/src/App.tsx 예제설명 https://mygumi.tistory.com/406