# item

22개의 포스트

[게임 서버] 아이템 사용, 장착 처리

아이템 사용 플레이어가 아이템을 사용하고자 할 때 서버는 이를 어떻게 처리해야 할까? 첫번째로 플레이어는 서버에 어떤 아이템을 사용할 것인지에 대한 요청을 보내야할 것이다. 요청을 받은 서버는 요청한 플레이어가 실제로 사용이 가능한 상황인지 확인할 것이다. 여기서 '실제로 사용이 가능한 상황'은 정말 아이템을 가지고 있는지, 스턴이나 그로기 같은 플레이어가 아이템을 사용할 수 없는 상태인지 등 여러가지 상황을 의미한다. 아이템을 사용하는데 다른 플레이어에서 Broadcast를 하는 이유는 플레이어가 아이템을 사용했을 때 발생하는 이펙트(ex. 회복 이펙트, 투척모션)과 같은 애니메이션을 다른 플

2023년 9월 13일
·
0개의 댓글
·
post-thumbnail

[게임 서버] 아이템 처리

아이템 서버에서 아이템을 구현하려면 데이터베이스에 아이템 테이블을 정의해야 한다. 하지만 데이터베이스에는 아이템의 모든 정보를 담고 있을 필요는 없다. 아이템의 이름이나 기본공격력같은 기본정보는 클라이언트에게 데이터시트를 참고하라고 하고 서버는 클라이언트에게 데이터시트의 식별번호만 넘겨줌으로 클라이언트에게 보낼 정보를 최소화 시킬 수 있다. 데이터 시트에는 서버와 클라이언트가 공통으로 가져도 괜찮은 정보를 저장하는 것이 좋다. 게임마다 다르겠지만 아이템의 이름, 기본 수치와 같은 정보가 이에 해당한다. 물론 강화수치나 추가 스텟과 같은 정보는 서버의 데이터베이스에 저장해 놓고 클라이언트에 전달하는 구조가 되어야 한다. 물론 게임도 하나의 동기화 시켜야할 오브젝트로 서버가 알고있는 플레이어의 아이템과 클라이언트가 가지고 있는 아이템의 오차가 없어야 한다. 1. 게임 입장 RPG게임의 경우 플레이어가 게임에 입장할 때 서버는 해당 플레이어의 정보와 가지고 있는

2023년 9월 8일
·
0개의 댓글
·
post-thumbnail

Flexbox (4) - item (23.06.12)

📝 item 전용 속성 💡 order flex-container 내부 item의 순서를 지정하는 속성 (기본값 0, 정수, 양수/음수 가능) ✏️ flexbox3.html ✏️ flex-style3.css 💡 flex-grow(팽창) item이 flex-container 내부에서 비어 있는 공간을 메꿀 수 있도록 팽창하는 정도를 지정하는 속성 -> 지정된 비율에 맞게 팽창함 (기본값 0 -> 팽창 X) ✏️ flexbox3.html ✏️ flex-style3.css ![](https://velog.v

2023년 6월 12일
·
0개의 댓글
·
post-thumbnail

Flexbox

01 Flexbox (Flexible Box Module) 'Container' > flex-direction: row / column; flexbox에서 레이아웃의 방향을 결정하는 속성이다. row가 기본값이며 메인축 즉, 가로축 방향을 설정하고 왼쪽에서 오른쪽으로 item이 정렬된다. column은 교차축 즉, 세로축 방향을 설정하는 값이고 위에서 아래로 item이 정렬된다. 이 때, row와 column모두 reverse를 적용할 수 있는데 reverse를 적용하게 되면 row는 오른쪽에서 왼쪽으로, column은 아래에서 위로 요소들이 정렬된다. 03 justify-content > flex-flow: column wrap;

2023년 4월 17일
·
0개의 댓글
·
post-thumbnail

[파이썬] 딕셔너리 관련 함수

딕셔너리란? Key(고유한 값)와 Value를 한 쌍으로 갖는 자료형 리스트나 튜플처럼 순차적으로 해당 요솟값을 구하지 않고 Key를 통해 Value를 얻는다 접근, 추가 리스트나 튜플, 문자열은 요솟값을 얻고자 할 때 인덱싱이나 슬라이싱을 했다. 그러나 딕셔너리는 요소에 접근하기 위해 [] 안에 인덱스 번호가 아닌 key값 자체가 들어간다. Key로 문자열 'this', Value로 문자열 'is appended value' 을 추가하였다. 또 Value에 리스트도 넣을 수 있음을 확인하였다. 또 딕셔너리의 키가 중복될 때에는 마지막 값으로 덮어씌워진다. 즉 앞의 1:'hi'가 삭제된 것. 삭제 삭제는 del a[key]을 입력하면 지정한 Key에 해당하는 {key : value} 쌍이 삭제된다. pop은 del과 달리 삭제와 동시에 삭제된 값을 반환한다. 또 pop(키, 기본값)처럼 기본값을 지정하면 딕셔너리에 키가 있

2023년 4월 14일
·
0개의 댓글
·

DOM_노드 선택

DOM(Document Object Model)이란 문서 객체 모델이란 뜻으로, 원본 HTML 문서에 접근하기 위한 일종의 인터페이스를 말한다. 현재 브라우저의 Window창(Window 객체)에 표시된 내용 객체를 문서 객체(Document Object)라고 하는데, DOM은 DOM은 이 문서 객체의 각 요소를 계층 구조로 표현하여 생성, 변형, 삭제할 수 있는 인터페이스를 제공한다. Document 객체 내의 특정 요소 선택 태그 이름으로 요소 선택 > 요소들의_배열객체.item(인덱스) 메서드 : 해당 요소들의_배열객체(HTML 객체 집합(object collection))로부터 명시된 인덱스에 해당하는 요소를 선택한다. ![](https://velog.velcdn.com/im

2023년 3월 11일
·
0개의 댓글
·

RecyclerView

https://developer.android.com/jetpack/androidx/releases/recyclerview https://developer.android.com/guide/topics/ui/layout/recyclerview?hl=ko https://recipes4dev.tistory.com/154 https://blog.yena.io/studynote/2017/12/06/Android-Kotlin-RecyclerView1.html View, ViewGroup 별도설명 https://www.crocus.co.kr/1545 https://hungseong.tistory.com/23 RecyclerView 메모리 사용량을 최소화하면서 UI에 많은 양의 데이터 표시하는 widget item을 표시하기 위해 생성한 View를 재활용 -> ViewHolder 패턴 사용 item들이 스크롤되어 화면을 벗어나더라도, RecyclerVi

2023년 1월 8일
·
0개의 댓글
·

[Flutter] 무한 스크롤 만들기(1) - Vertical

무한 스크롤 만들기 - Vertical 스크롤 인디케이터 - Vertical 스크롤 인디케이터 - Horizontal 무한 스크롤 만들기 - Horizontal 무한 스크롤 만들기 - PageView 스크롤을 내리면서 아이템을 더 불러오는 무한 스크롤을 만들어보자 무한 스크롤을 개발하기 위해서는 스크롤의 현재 포지션 값을 알고 있어야 하고 불러온 아이템을 리스트에 넣어주는 기능을 구현해야 한다. 실제

2022년 12월 21일
·
0개의 댓글
·

item, container

flex box를 사용할때 class 이름을 이런 식으로 마크업을 해서 flex를 적용할 부모 영역을 container 선택자로 지정하곤 한다 근데 문득 궁금해졌다 왜 하필 컨테이너와 아이템을 사용할까 >플렉스나 그리드처럼 자식이 일관된 규칙을 가지는 건 아니니까 그렇게 생각하면 오해할 수 있을 것 같아요 즉 시멘틱적인 의미로 자식이 일관된 규칙을 가지는 경우에(flex나 grid)처럼 그때 사용해야 한다는 것

2022년 12월 15일
·
0개의 댓글
·
post-thumbnail

[JS 이론] DOM Manipulation - classList

classlist로 자바스크립에서 특정 클래스를 제어하는 방법에 대해 알아보자. ** Element.clasList 는 element의 class 속성의 컬렉션인 활성 DOMTokenList를 반환하는 읽기 전용 프로퍼티이다. >문법 `const elementClasses = elementNodeReference.classList; ` add add( String [, String [, ...]] ) > 지정한 클래스 값을 추가한다. (여러개 동시 삽입 가능) 만약 추가하려는 클래스의 element의 class 속성이 이미 존재한다면 무시한다. remove `remove( String [, String [, ...]] ) ` > 지정한 클래스 값을 제거한다. (여러

2022년 12월 12일
·
0개의 댓글
·
post-thumbnail

item

** 들어가기 각각의 item의 detail page 그리고 상품 upload page pages/items/[id].tsx 와 upload.tsx 두개의 page로 구성된다. ** 1. pages/items/[id].tsx ~ 2. pages/items/upload ~

2022년 7월 26일
·
0개의 댓글
·
post-thumbnail

기본패딩제거

포스팅을 작성하게 된 이유... 디자이너가 올린 디자인이 기본패딩보다 작은경우가 있는데 이를 제거하는 방법을 알아보고 기록하기 위해서 버튼, 라디오버튼, 이미지버튼, 체크박스 등 다양하게 커스텀 가능 기본패딩 제거전 1.버튼의 기본 패딩을 제거 xml파일에서 해당 위젯의 속성을 아래와 같이 설정 >android:minWidth="0dp" android:minHeight="0dp" > android:button="@null" // checkbox, radiobutton의 체크, 동그라미 버튼 삭제 ![](https://velog.velcdn.com/images/kbs95123/post/c3a4c465-d584-439b-8ff6-be6ba1d10cf3/imag

2022년 4월 29일
·
0개의 댓글
·
post-thumbnail

🥙 splice

🍱 splice splice 메서드는 배열 내의 특정한 요소를 삭제하거나, 다른 요소로 대치하거나 새로운 요소를 추가할 때 사용합니다. splice 메서드를 쓸 때는 인자의 순서에 주의해야 합니다. 위의 그림에서는 인자 3개가 들어갔지만, splice 메서드는 필요에 따라 인자를 최소 1개만 쓸 수도 있습니다. 첫번째 인자 : 배열의 index의 시작점 두번째 인자 : 삭제할 요소의 개수 세번째 인자 이후 : 추가하고 싶은 요소 예를 들어, [1,2,3,4,5] 라는 배열에서 숫자 3을 제거하고 그 자리에 10을 추가하려고 합니다. 그럴 땐 다음과 같이 메서드를 활용하시면 됩니다. > let num = [1,2,3,4,5]; num.splice(2,1,10); > console.log(num

2022년 4월 23일
·
0개의 댓글
·
post-thumbnail

Zabbix - Slack 연동 # 2.Zabbix item&trigger설정

Zabbix 5.4 설정 1.Administration > General > Macros 2.Administration > Media types > Slack 3.Configuration > Hosts > 모니터링 타겟 Host 클릭 3.1. Items 탭 클릭 후 CREATE ITEM 클릭 ![](http

2022년 3월 18일
·
0개의 댓글
·

ItemController.java

2022년 3월 7일
·
0개의 댓글
·

Item.java entity

2022년 3월 7일
·
0개의 댓글
·

item_jsp 이미지포함

----------insert.jsp----------- ---------------------selectlist------------ ---------------update.jsp--------------

2022년 3월 7일
·
0개의 댓글
·
post-thumbnail

HTML Tag BOX,ITEM

태그들은 Box와 Item이 돼는 태그들로 나뉠수 있다 웹사이트의 구조는 여러가지 형태로 볼수 있다 기본적으로 이 웹사이트 구조의 형태로 예를 들어보자 main영역도 디자인에 따라서 여러가지 section들로 나뉠 수 있다 article section안에서도 article태그를 이용할수 있다 article tag : 여러가지 item들을 그룹화해서 재사용 가능한 여러가지 tag나 item들이 모아져 있는 구간을 말한다 BOX BOX는 아래 tag들처럼 section이 나뉘어지는 태그들을 확인 할 수 있다 ![](https://images.

2021년 11월 18일
·
0개의 댓글
·
post-thumbnail

[CSS] flexbox

출처 : 유튜브 드림코딩 flexbox flexbox > flexbox? item들을 행 또는 열로 자유자재로 배치시킬 수 있다. float : flexbox 이전에 사람들이 자주 사용하던 것. image와 text를 어떻게 배치할 것인지를 정의하기 위해 나타남. ex) float : left ; float : center ** > ✏️ flexbox의 큰 특징 2가지 container/ item 속성값들이 존재한다. 중심축(main axis)와 반대축(cross axis)이 있다. container/ item 속성값들 flexbox에는 container 내에 적용할 수 있는 속성값들, item 내에 적용할 수 있는 속성값들이 존재한다. container 속성값 ex) disp

2021년 10월 12일
·
0개의 댓글
·