본문 바로가기

분류 전체보기29

[Flutter] Text Overflow 문자 줄바꿈, 말줄임, 페이드 기본 Text Widget Text( '나는 언덕 잔디가 이 지나가는 헤는 것은 하나에 있습니다. 아무 가을 책상을 아이들의 위에도 하나에 이웃 내린 위에 봅니다.', style: TextStyle( fontSize: 18, fontWeight: FontWeight.w500, color: WhiteColor, ), ), TextOverflow clip 부모 위젯의 경계를 벗어나면 텍스트를 그냥 잘라버려 표시되지 않는다. SizedBox( width: double.infinity, height: 50, child: Text( '나는 언덕 잔디가 이 지나가는 헤는 것은 하나에 있습니다. 아무 가을 책상을 아이들의 위에도 하나에 이웃 내린 위에 봅니다.', style: TextStyle( fontSize: 1.. 2023. 9. 13.
[에러일지] Pass 본인인증 Window: message 이벤트 Window: message 이벤트 문제 새창을 띄워 PASS 본인인증을 하였지만 본인인증 버튼를 누른 (현재) 페이지에서는 본인인증이 완료 되었는지 모름 해결 메세지 수신을 위해 사용함 useEffect(() => { window.addEventListener('message', (event) => { const { verified } = event.data; if (verified) { axios .post(`${backUrl}/api/account/identification`, { name: event.data.name, birthdate: event.data.birthdate, gender: event.data.gender, CI: event.data.CI, phoneNumber: event.da.. 2023. 9. 12.
flutter secure storage 디바이스 내부에 정보를 저장하기 위함 Android에서는 keystore 영역, iOS에서는 keychain 내부 저장소 영역을 사용 2023. 8. 28.
토큰과 세션 토큰 베이스64 인코딩 된 스트링 헤더, 페이로드, 시그니처 구성 데이터베이스에 저장하지 않음 시그니처값을 검증해서 매번 확인 필요없음 정보가 토큰에 모두 담겨있기에 정보유출 위험 세션 유저 정보를 데이터베이스에 저장 ID값으로 구성 - 클라 요청보낼때 ID같이 보내면 정보받음 서버에서 생성 , 클라에서 쿠키로 저장 요청때마다 데이터베이스 매번 확인 서버저장이므로 클라에서 노출위험 없음 2023. 8. 28.
배포할때 yarn.lock 충돌나면 1. yarn.lock 삭제 삭제되니 주의 !! 2번은 더 사용할것 rm -rf yarn.lock 2. git yarn.lock 받아오기 git checkout -- yarn.lock 2023. 4. 26.
[에러일지] useRef 에러 JavaScript 코드를 TypeScript로 변환하는 중 발생된 에러 JavaScript에서는 잘 돌아가던게 에러가 뜬다 Object is possibly 'null'. 원인 컴포넌트의 렌더링이 완료된 후 useRef의 current 객체가 만들어진다 해결 방안 if (footerRef.current) {}로 null 여부 확인 후 해결하였다 2023. 4. 6.
[ETC] GitHub 사용해보자 GitHub 사용해보자 https://github.com/ 가입을 먼저 하고! 온라인 저장소 만들기 로그인 후 Your repositories 페이지에 들어가 준다. New 버튼을 눌러주면 이런 화면 이 뜬다. 기억하기 쉬운 적당한 이름을 지어준다. Initialize this repository with a README 체크를 안 해주어도 무방하다. 온라인 저장소 삭제 Settings 페이지에 들어가 쭉 내려가 Delete this repository 클릭! 삭제할 저장소 명을 적으라는 팝업이 뜨는데 적어주고 나면 끝. 삭제! github 설정 git bash를 설치하고 열어본다. git config --global user.name "커밋에 뜰 내 이름" git config --global user... 2019. 5. 15.
[Three.js ] Three.js dat.GUI를 이용해보자 dat.GUI를 이용해보자 dat.GUI는 구글의 엔지니어들이 만든 라이브러리로, dat.GUI가 생성 한 패널 부분에서 매개 변수를 변경하면 이미지의 위치, 크기, 회전 속도 등을 동적으로 반영할 수 있도록 한다. ( 일단 재밌다 ) 페이지의 우측 상단에 있는 UI가 dat.GUI를 실행하면 나타난다!!! script 추가 https://threejs.org/ 사이트에서 파일을 다운로드한다. 다운로드한 파일(three.js-master) > examples > js > libs > dat.gui.min.js를 사용하면 된다. 객체 추가 화면 안의 sphere를 X축, Y축, Z축 이동과 크기를 조절하려고 한다. controls의 초기값을 설정한다. 처음 화면이 로드되었을때 기본값으로 사용된다. sphe.. 2019. 5. 6.
[CSS] CSS3 Flex Box 레이아웃 " Flexbox의 장점을 한 마디로 표현하면 '복잡한 계산 없이 요소의 크기와 순서를 유연하게 배치할 수 있다'라고 할 수 있다. 정렬, 방향, 순서, 크기 등을 유연하게 조절할 수 있기 때문에 별도의 분기 처리를 줄일 수 있고, CSS만으로 다양한 레이아웃을 구현할 수 있다 " - 네이버 오호~ 이렇게 편한 게 있다면 당장 알아봐야지!! 거의 모든 브라우저에서 지원을 하고 있기 때문에 열심히 공부하면 잘 적용할 수 있을 것 같다 display: -webkit-box; , display: -ms-flexbox; display: flex; 접두어를 넣어주자! 부모 영역( flex_container )에 display:flex 아니면 display:inline-flex을 주면 그 안의 div는 flex i.. 2019. 5. 2.

티스토리툴바