처음부터 차근차근

$("선택자").css('속성', '값'); jquery를 이런식으로 사용하면 css요소를 변경할 수 있다. 하지만 ::before이나 ::after같은 css 요소는 jquery로 변경할 수 없다. 왜냐하면 css : after 및 : before 규칙은 DOM의 일부가 아니기 때문이다. 하지만 직접적인 방법이 아닌 다른 방법으로 css after나 before 요소를 변경할 수 있다. 다양한 방법이 있지만 자주 사용하는 방법 2가지를 정리했다. 1. removeClass와 addClass를 이용해서 아예 클래스 자체를 변경해버리는 방법 .arrow_carrot-down:before { content: "\33"; } .arrow_carrot-up:before { content: "\32"; } 예를 ..

라라벨로 개발하면서 편리했던 기능 중 하나가 페이지네이션이다. 라라벨은 페이지네이션 기능을 사용하기 아주 쉽게 미리 만들어놨다. 짧게는 코드 2줄 만으로도 페이지네이션을 구현할 수 있다. 사용 방법 기본적으로 라라벨의 paginator에서 생성된 HTML은 Tailwind CSS 프레임워크와 호환된다. 그러나 부트스트랩 페이지네이션 지원되기 때문에 부트스트랩을 이용한 페이지네이션을 만들었다. 1. 페이지를 매길 쿼리 마지막에다가 ->get() 대신 '->paginate(페이지 표시하려는 항목 수)'를 쓴다. DB::table('goods') ->orderby('id', 'asc') ->paginate(3); 2. 부트스트랩과 호환하기 위해 App \ Providers \ AppServiceProvider..

accent-color 컨트롤 색상을 바꿀 때 사용하는 css 속성이다. 여기서 말하는 컨트롤은 을 말한다. 사용 예시 이렇게 하면 radio의 색상이 파란색(default)에서 빨간색으로 변경된다. accent-color 다음의 값에는 저렇게 color값을 직접 넣어도 되고, ex) #dedede, rgb(125, 125, 125), white 등 'auto' 를 넣어도 된다. auto를 넣으면 현재 플랫폼에 매치되야 하는 accent-color에 따라 사용자 에이전트(= UA, 웹 맥락에선 브라우저를 의미함)에서 선택한 색상을 나타낸다. 현재 플랫폼에서 매치되야 하는 accent-color가 없으면 default 색상(파란색)을 나타낸다. accent 색상 accent-color 속성을 사용하다보면 ..

Terrain 유니티에서 산이나 움푹 패인 지형들을 만들 때 사용하는 Component이다. 3D Object -> Terrain을 클릭하면 사용할 수 있다. brush를 골라서 원하는 모양으로 지형을 생성할 수 있고, 패이게 만들 수 도 있다. 원하는 지형이 다 만들어 지면, 텍스쳐를 입히고 나무나 잔디를 심어서 실제 지형처럼 보이게 한다. 게임 지형 제작 결과 출처 : 모바일게임개발(21-1학기)고수정교수 강의 내용 변형 및 요약

다중 파일을 업로드 할 때 드래그 앤 드롭 할 수 있는 기능을 구현해보았다. js $('.content') .on("dragover", dragOver) .on("dragleave", dragLeave) .on("drop", uploadFiles); function dragOver(e) { e.stopPropagation(); e.preventDefault(); $(e.target).css({ "background-color": "#fff", "outline-offset": "-30px", "outline": "2px dashed #ffb341", "color" : "#ffb341", "font-size" : "30pt" }); let str = 'Drop'; $(e.target).html(str); }..

git log commit 기록을 확인한다. git reset HEAD^ 가장 마지막에 push한(가장 위에 있는) commit 을 삭제한다. git push -f origin "브랜치명" 그리고 내가 commit 을 지웠다는 것을 github 서버에 알려주어 github 내에서도 해당 commit 을 삭제하도록 한다. (원격저장소에 push되어있는 최상단 commit을 삭제한다.) ex) git push -f origin master : master 브랜치에 있는 최상단 commit 삭제 참고 : https://eyeballs.tistory.com/446

이미지를 업로드 했는데 잘되던 업로드가 갑자기 안됐다. 정확히 말하면 storage 밑에는 이미지 파일이 잘 올라갔는데 public 폴더 밑으로는 업로드가 되지 않았다. 코드 상에도 아무 이상도 없고 갑자기 저래서 한참을 해맸는데 이유는 public\storage와 storage\app/public가 link되지 않았기 때문이었다... 이게 왜 그랬냐면 전에 한번 public\storage를 한 번 지웠다 직접 만들었던 적이 있었는데 그때 link가 풀렸나보다...ㅎㅎㅎㅎ 해결 방법 public\storage 파일을 삭제하고 다시 터미널 창에다 php artisan storage:link 이거 치면 다시 public\storage 파일 만들어지면서 storage\app/public랑 연결되서 아주 잘 업..

OpenWeatherMap는 날씨와 관련된 데이터를 제공해주는 API이다. https://openweathermap.org/ Сurrent weather and forecast - OpenWeatherMap Access current weather data for any location on Earth including over 200,000 cities! The data is frequently updated based on the global and local weather models, satellites, radars and a vast network of weather stations. how to obtain APIs (subscriptions w openweathermap.org 사용방법 1..