그린그린티라떼

채팅 답변이 왔을 때 도로로로 실시간으로 데이터를 받아오는 것 같은 UI를 구현하려고 한다. 관련 지식 습득 후 포스팅에 추가 예정이다. https://gilssang97.tistory.com/69 알림 기능을 구현해보자 - SSE(Server-Sent-Events)! 시작하기에 앞서 이번에 개발을 진행하면서 알림에 대한 요구사항을 만족시켜야하는 상황이 발생했다. 여기서 말하는 알림이 무엇인지 자세하게 살펴보자. A라는 사람이 스터디를 생성했고 B라 gilssang97.tistory.com https://surviveasdev.tistory.com/entry/%EC%9B%B9%EC%86%8C%EC%BC%93-%EA%B3%BC-SSEServer-Sent-Event-%EC%B0%A8%EC%9D%B4%EC%A..

오늘은 모니모 앱에 대해서 간단하게 소개해드릴게요! 제가 하고 있는 출퇴근길 앱테크 앱들만 모아둔 폴더가 있는데 그 중에 가장 깔끔하고 직관적인 UI/UX를 자랑하고 있어요 삼성증권과 함께하는 앱이라 파란색이 포인트 컬러인가봐요🥰🥰 젤리 챌린지를 통해 적립금을 모을 수 있는데요 일단 하루에 한 번 접속하면 젤리 하나를 받을 수 있고 챌린지에 참여하면서 젤리를 얻을 수 있어요😯 일반 젤리는 10원~ 특수 젤리는 1000원~ 요런 식으로 당첨되는 것 같더라구요!! 이 앱의 가장 큰 장점 포인트 현금 인출을 바로 할 수 있다는 장점인데요 그 부분에서 테이크아웃 커피값 벌고 싶은 분들께 강추합니다👍🏻 결론!! 저랑 같이 모니모해요! 아래 코드 복사해서 가입해주시면 스페셜젤리와 함께 1000원~3000원 받고 시..

https://a.atmos.washington.edu/~ovens/javascript/colorpicker.html HTML Color Picker a.atmos.washington.edu https://www.colorcodeslab.com/ko/hex/ffffff/ #ffffff 16 진수에서 RGB로, HSL, CMYK, XYZ, Yxy, 이진, 10 진수, 헌터 랩, CIE 랩, CIE 루브 컬러 변환 여기에서 16 진수, RGB, HSL, HSV, CMYK, XYZ, Yxy, CMY, 10 진수, 10 진수 RGB, 이진, 헌터 랩, CIE 랩, CIE Luv 색상 변환 정보를 얻을 수 있습니다. 또한 선택된 색상 코드의 음영 및 색조, 보완, 단색, 분할 보완, www.colorcodesla..

오랜만에 react 개발하면서 npm 환경 설정부터 헤매고 있다 역시 옛날 코드 쓰는 건 시간이 많이 든다 npm cache clean -f rm -rf node_modules 우선 캐시를 삭제하고 node_modules도 제거 한 뒤에 다시 npm install && npm start 진행하기 yarn 캐시 삭제는 아래와 같이 입력해주시면 됩니다. yarn cache clean

(Element) position: fixed; Element -> ViewPort (Element) position: absolute; (Ancestor content + padding) position: absolute; position: relative; position: fixed; position: sticky; (Element)) position: static; position: relative; (Ancestor content) block level element Element -> Ancestor/Content + padding

1) VSCode의 왼쪽 메뉴에 있는 확장 프로그램 Code GPT를 검색해서 설치해줍니다. 2) Code GPT 설정으로 가서 API Key를 클릭해서 브라우저를 띄웁니다. 3) 브라우저에 들어가서 로그인을 하면 API key를 발급받을 수 있습니다. 4) Key값을 만들어 복사해주세요. 5) 다시 VSCode로 돌아와 Set API KEY를 선택해주세요. 6) API KEY를 넣어 줍니다. 7) test.js 파일을 하나 만들어서 주석으로 궁금한 질문을 입력합니다. cmd + shift + p 를 눌러 실행시킵니다. 아래와 같은 경우 질문을 잘 수행하지 못했을 때의 결과물입니다. 8) Implement token authentication method membership registration log..

https://sketch.metademolab.com/canvas Animated Drawings sketch.metademolab.com AI로 재미있는 걸 만들어주는 사이트가 생겼다 지율이 귀여워🥰🥰 https://sketch.metademolab.com/share/d6a0cbbc69a84d09b93df762651bfaa7/standard_walk

px - Pixels Absolute Lengths % - percentages Viewport Lengths & Font-Relative Lengths rem - root em Font-Relative Lengths em - em vh - viewport height 현재 보이는 화면에 대한 길이(Viewport Lengths) vw - viewport width 현재 보이는 화면에 대한 길이(Viewport Lengths) feat. vmin, vmax 등도 있음 어떤 프로퍼티를 사용해야 되는지? 박스 모델 프로퍼티? font-size, padding, border, margin, width, height, top, bottom

ul.no-bullets { list-style-type: none; /* Remove bullets */ padding: 0; /* Remove padding */ margin: 0; /* Remove margins */ } Default list: Coffee Tea Coca Cola Remove bullets, margin and padding: Coffee Tea Coca Cola 결과 Default list: Coffee Tea Coca Cola Remove bullets, margin and padding: Coffee Tea Coca Cola

저는 Itrem2를 터미널 창으로 잘 사용하고 있는데요 VSCode와 Iterm2 연동을 할 때 꼭 해줘야 되는 작업이 있습니다! code . 명령어를 써서 VSCode를 직접 여는 수고로움을 더는 작업을 꼭 해주어야 편한 개발 환경 세팅이 되겠죠?! VScode의 settings(cmd + shift + P)에 code를 검색하면 Shell Command: Install 'code' command in PATH를 눌러 설치해줍니다. 이 작업을 하고 시스템 종료 후 다시 위와 같이 code .로 VSCode를 키려고 하면 code라는 명령어가 없다는 문구가 뜹니다. 해결 방법은 아래와 같습니다. .zprofile을 수정해주는 작업이 꼭 필요하니까 아래의 명령어 잘 붙여넣기 해서 편리한 개발 환경 세팅 완..