jaeserrr.log

아래와 같이 줄바꿈이 적용되게 하려고 합니다. 현재 코드는 아래와 같습니다. import LightbulbOutlinedIcon from "@mui/icons-material/LightbulbOutlined"; {`과학 공학`} white-space 속성(pre, pre-wrap, pre-line 차이) white-space 속성(pre, pre-wrap, pre-line 차이) 오늘은 요소 안에 공백 처리를 어떻게 할지 지정하는 속성입니다. white space란 여백이라고도 하는데 html에서는 공백, 공란으로 이해하면 됩니다. ▶태그 작 aboooks.tistory.com 위 블로그 글을 참고하여 줄바꿈을 적용하기 위해 아래와 같이 작성할 수 있습니다. {cont.icon} {`과학 공학`}

Material ui text ellipsis after two line How can I ellipsis a text after two line in material ui? Here https://material-ui.com/system/display/#text-overflow show for single line stackoverflow.com 컨텐츠 내용 ✨✨✨

기존에 텍스트 복사를 구현하려면 document.execCommand("copy") 을 이용했습니다. 그러나 execCommand() 는 더 이상 쓰지 않으며 훨씬 쉽고 강력한 Clipboard API 가 나왔습니다. window.navigator.clipboard.writeText() 를 사용하면, 텍스트를 클립보드에 복사해둘 수 있습니다. ✨✨ 아래는 이를 이용하여 현재 페이지 URL을 복사하는 코드입니다. function handleUrlShare() { const currUrl = window.location.href; // 현재 url navigator.clipboard.writeText(currUrl).then(() => { alert("링크를 복사하였습니다."); }); }

아래 글을 참고했습니다! [유니티 2D 기초] 7.몬스터 AI 이번 시간에는 AI를 가진 몬스터를 구현하는 시간을 가져보도록 하겠습니다.1. 자유형 몬스터기본 애니메... blog.naver.com 반응형 몬스터 📌 일정한 범위 이내로 들어온 플레이어를 추적하기 위해, 몬스터에 트리거 콜라이더를 추가합니다. Radius로 범위를 조절해줍니다. 📌 일정 범위 이내에 들어온 것이 플레이어라는 것을 확인하기 위해, 플레이어 오브젝트의 태그를 Player로 지정합니다. // 태그 이름 public string TAG_PLAYER = "Player"; // 플레이어가 구역에 들어왔을 때 private void OnTriggerEnter2D(Collider2D collision) { if (collision.gam..

아래 글을 참고했습니다! [Unity2D] 적 몬스터 구현하기 [유니티 기초 - B18] 몬스터 AI 구현하기 [유니티 기초 - B19] 플레이어 피격 이벤트 구현하기 영상을 보고 쓰여진 게시글 입니다. 이번시간에는 드디어 몬스터에 대한 구현을 한번 해보도록 할탠데 iagreebut.tistory.com 몬스터 AI 구현하기 1) 준비 애니메이션 등을 넣은 몬스터를 준비해줍니다. [유니티] 2D도트 캐릭터 애니메이션 Box Collider 2D 를 추가합니다. 크기를 조절해줍니다. 물리를 적용 시켜야 하므로 (중력 받기 위함) 캐릭터에 rigid body 2D를 추가합니다. 그럼 잘 작동하는지 확인하기 위해, 게임을 시작했을 때 상자 avoc-o-d.tistory.com 2) 몬스터 기본 이동 스크립트를..

Box Collider 2D 를 추가합니다. 크기를 조절해줍니다. 물리를 적용 시켜야 하므로 (중력 받기 위함) 캐릭터에 rigid body 2D를 추가합니다. 그럼 잘 작동하는지 확인하기 위해, 게임을 시작했을 때 상자에 떨어지도록 하겠습니다! Bottom이라는 오브젝트를 추가하여, Box Collider 2D 를 추가했습니다. 오 잘 작동합니다! 그런데, Collider size조절도 잘 했는데도 캐릭터와 상자 사이에 아주 미세한 틈이 있는 경우가 있을 겁니다. 도트가 매우 작은 픽셀일 때 이런 현상이 발생한다고 합니다. 이는 Edit > Progject Setting > Physics 2D Default Contact Offset을 0으로 바꿔주시면 됩니다. (0.0001이 최소) 아틀라스 아틀라스..

아래 MiniHack docs를 참고하였습니다. Installation — MiniHack documentation © Copyright 2021, MiniHack Team @ Facebook AI Research, UCL, and Oxford. Revision e4d1f8bc. minihack.readthedocs.io 00. ⛏️ MiniHack MiniHack은 강화학습 환경을 위한 프레임워크입니다. NetHack 게임을 기반으로 하는 NetHack 학습 환경(NLE) 을 사용해서, NetHack 게임에 맞춰진 강화학습 테스트 환경을 위한 인터페이스를 제공합니다. 01. 설치 1. 가상환경을 생성 후, 활성화합니다. (아래 글 참고) [Linux] 아나콘다 설치 방법, 기초 사용법 📍 아나콘다(An..

📍cmake 는 Cross Platform Make 로 여러 플랫폼에서 사용할 수 있는 Make 대용의 오픈소스 빌드 툴 입니다. 설치하기 Linux 터미널에서 아래 명령어를 입력하여 설치합니다. $ sudo apt-get install -y build-essential autoconf libtool pkg-config \ python3-dev python3-pip python3-numpy git flex bison libbz2-dev # recent cmake version $ wget -O - https://apt.kitware.com/keys/kitware-archive-latest.asc 2>/dev/null | sudo apt-key add - $ sudo apt-add-repository 'd..

📍 아나콘다(Anaconda)는 파이썬을 포함한 numpy, scipy, sklearn 등 머신러닝이나 데이터 과학에 필요한 다양한 패키지가 포함 되어있는 파이썬 배포판입니다. pip과 다르게 install 할 수 있는 패키지가 한정되어 있지만, 그냥 파이썬을 설치하고 일일이 패키지를 설치하는 것보다 의존성이나 여러 문제들 때문에 아나콘다를 사용하는게 편리할 수 있습니다. 아나콘다 설치파일 다운 및 실행 아래 두 방법 중 본인의 환경에 맞게 설치파일을 다운받고 실행합니다. 1. MacOS나 Linux GUI 환경에서는 아래에서 설치파일을 직접 다운로드 받은 후 실행합니다. Anaconda | Anaconda Distribution Anaconda's open-source Distribution is th..

🚩 딥러닝과 인공 신경망 알고리즘을 이해하고 텐서플로를 사용해 간단한 인공 신경망 모델을 만들어 봅시다. [인공지능/혼공머신] 07-1. 인공 신경망 (2) 🚩 딥러닝과 인공 신경망 알고리즘을 이해하고 텐서플로를 사용해 간단한 인공 신경망 모델을 만들어 봅시다. [인공지능/혼공머신] 07-1. 인공 신경망 (1) 🚩 딥러닝과 인공 신경망 알고리즘을 avoc-o-d.tistory.com 인공 신경망으로 패션 아이템 분류하기 케라스 모델은 훈련하기 전에 compile()로 하는 설정 단계가 있습니다. model.compile(loss="sparse_categorical_crossentropy", metrics="accuracy") 꼭!!! 지정해야 할 것은 ✨손실 함수의 종류✨입니다. 📍 loss = "sp..