Naver Blog
[JavaScript] 윈도우 팝업 띄우기
주로 백오피스 어드민이나, 내부공간에서 팝업을 띄어 상세정보를 얻어올 때 사용하곤 합니다.아래와 같이 사용했습니다.
키자드에 등록된 총 149개의 포스트를 확인하실 수 있습니다.
주로 백오피스 어드민이나, 내부공간에서 팝업을 띄어 상세정보를 얻어올 때 사용하곤 합니다.아래와 같이 사용했습니다.
자바스크립트에서 쿠키를 가공할 때, 공통 함수로 만들어두면 많은곳에서 사용하기 편리합니다. 아래는 해당 내용의 예제입니다.
스크립트 내에서, 배열 안에 특정 값이 포함되는지 체크하기 위해 필요했고, 아래와 같이 사용했습니다.
던전스 3 Dungeons 3https://www.epicgames.com/store/ko/product/dungeons-3/home던전스는 악의 입장에서 선을 박살내는 스토리입니다. 던전키퍼를 즐겁게 즐기셨다면 추천 드립니다. 유쾌한 나레이션과 게임내 캐릭터들간 대화들 그리고 그것을 불쾌하게 생각하며 맹공하는 선한세력들로부터 방어하고 확장하며 발전하여 선한세력을 때려부수는게 게임의 목적입니다.선한세력들로부터 던전을 방어하는 재미가 쏠쏠합니다. 내 마음대로 던전의 레이아웃을 디자인하고 선한세력이 침투하는 경로에 함정을 설치하고 꾸미는 재미가 상당합니다. 쳐들어왔던 영웅들을 포로로 잡고 고문하여 부하로 만들 수도 있습니다.스토리를 진행하다보면 해.......
그라운디드 Groundedhttps://store.steampowered.com/app/962130/Grounded/리뷰에 앞서 일단 벌레들을 싫어하시는 분들은 이 게임을 즐길 수 없습니다. 벌레, 곤충들의 표현력이 굉장한 수준입니다. 저도 다른건 몰라도 거미는 진짜 너무 무서워서 바지를 몇번 확인 했습니다. 거미만 나타나면 도망가기 일수 였습니다. 강해도 너무 강했고 생김새도 징그러워서 그 옛날 리니지1에서 셀로브를 처음 맞딱드렸을때의 그 충격을 2021년도에도 다시 받았습니다.생존게임의 후발주자 답게 수집, 연구, 제작, 건설 등의 인터페이스가 깔끔하고 편의성이 높습니다. 설명도 편리하고 친절하게 잘 알려줍니다. 제작과 건설 부분에 있어서는 꽤 쾌적하여.......
Yet Another Zombie Defense 어나더 좀비디펜스https://store.steampowered.com/app/674750/Yet_Another_Zombie_Defense_HD/흔한 디펜스 멀티게임이라고 보시면 될 것 같습니다. 증가하는 스테이지에서 좀비와 적들을 막고 그들을 죽이며 얻은 재화를 이용해 터렛과 바리케이트를 건설하고 길을 막아 생존하면 됩니다. 보통 터렛을 설치하고 그 터렛 위에 무기도 장착해줘야 합니다. 거기다 탄약까지 구매해야 하니, 생각보다 전략적인 운영이 요구 됩니다. 적은 팔방에서 미친 듯이 달려 듭니다. 4명의 캐릭터로 협동하며 잘 막아내며 버티면 됩니다. 멀티게임인 만큼 4명의 캐릭터당 유저 1명씩, 멀티플레이를 지원합니다. 솔플보단 친구와 함.......
Tom Clancy's The Division 톰 클랜시의 더 디비전https://store.steampowered.com/app/365590/Tom_Clancys_The_Division/"사회가 무너질때 우리가 일어난다." 이 한마디로 톰 클랜시의 디비전은 시작됩니다. 게임의 배경은 2001년입니다. 당시 미국 정부가 생화학 공격을 상정하고 실시한 훈련의 결과는 충격적이었습니다. 시뮬레이션 결과 불과 며칠 만에 미국 사회 시스템은 모두 붕괴될 것이라는 예측이 나왔습니다. 그로부터 6년 후인 2007년 당시 미국 대통령은 국가안보를 위한 훈령 51호를 제정합니다.이 훈령 51호에 의거해 더 디비전은 창설 됩니다.게임이 시작되면 유저는 더 디비전의 요원으로서, 그린포이즌 바.......
모두선택이라는 체크박스를 클릭하면 체크박스가 모두 선택되고, 재클릭하면 모두 해제되는 기능입니다. 체크박스 중 하나라도 체크가 되어있지 않다면 모두선택 체크박스는 해제됩니다. 아래와 같이 했습니다.
문자열을 대문자 또는 소문자로 변환합니다. 아래와 같이 사용했습니다.
페이지를 개발하다보면, 키보드이벤트로 동작설정을 해야하는 경우가 더러 있습니다.이때 각자 개발하는 페이지에서 키코드(키이벤트)를 가져와 가공해야합니다. 아래는 키이벤트에 대한 키값을 가져오는 예제입니다.
들어가기전 참고사항1. 해당 페이지에 코드를 작성합니다.2. 위 생성자 속성은 공식가이드를 참조하시면 됩니다. 공식 가이드 : http://postcode.map.daum.net/guide
노스가드 Northgardstore.steampowered.com/app/466560/Northgard/건설 채집 영토전쟁을 좋아하시는 분들에게 추천할 만한 게임입니다. 세틀러와 문명을 즐겁게 했던 기억이 있다면 추천드립니다.자신의 부족을 선택하고 최고의 부족으로 만드는 것이 목표입니다. 각 부족마다 특성과 병종이 존재합니다.부족민의 행복도를 관리하며 영토를 늘려가며 발전해야하고, 영토를 획득해야지만 해당 영토에 건물을 건설할 수 있습니다. 주민을 어떤 건물에서 일하게 하느냐에 따라 해당 전문인력으로 만들 수 있으며 그 전문인력이 전투병이 될수도 지원인력이 될 수도 있습니다.또한, 각 부족마다 영웅이 1명씩 존재하며 영웅마다 특별한 스킬이 있어.......
왕국 : 클래식 Kingdom : Classichttps://store.steampowered.com/app/368230/Kingdom_Classic/평소 디펜스게임을 즐겨하는 분들에겐 매우 추천합니다.일반적인 디펜스게임과는 다르게 횡스크롤형 게임으로서 채집 수집을 통해 유닛을 뽑고 난민을 고용하여 나만의 왕국을 건설하고 돈을 모아 방어탑을 건설하며 영토를 넓혀갑니다. 그리고 쳐들어오는 괴물로부터 나만의 왕국을 지켜내고 발전해나가는 게임입니다. 일견 단순해보일 수 있는 이 게임의 방식은 느린템포를 가지고 있어서 금방 지루해질지도 모른다는 생각이 들지만,효율적인 자원분배와 미래에 대한 예측들을 가지고 전략적인 운영을 해야만 살아남을 수 있으므로 느린템포의 게.......
우주피난처 Space Havenhttps://store.steampowered.com/app/979110/Space_Haven/스페이스 헤이븐. 우주피난처로 직역 해봤습니다. 분명 다른 뜻일텝니다.엉망이 된 지구를 떠나 새로운 식민지를 찾으러 떠나는 우주항해 게임입니다. 타일 하나하나 모두 컨트롤 해줘야하고, 승무원들의 요구와 멘탈을 관리 해 줘야합니다. 평소 SF물을 좋아하거나, 이런 분위기를 좋아하시는 분들께 분명 좋은 게임이 될 것이라 생각 합니다.승무원들을 일일히 컨트롤하며, 개인 일정들을 상세히 설정하여 자동화 해놓으면 알아서 일정대로 움직입니다.우주선을 확장하며 새로운 요소들을 추가하고 점차 키우는 재미가 있습니다.스페이스 헤이븐은 현재.......
최초 로그인화면 인입 시, [adminId] 라는 name 값을 가진 input에 focus가 가게끔 합니다. 기존에 아이디기억하기에 체크한 후 로그인을 성공했던 흔적이 있어 쿠키에 [adminId]를 이미 가지고 있다면 이 쿠키 값을 [admin_id] input value에 넣어주고 [isSaveId] 체크박스를 checked 했습니다. 이렇게 되면 [adminId] 라는 값은 이미 value가 있기에 수동으로 재타이핑 할 이유가 없으므로, 이때는 [adminPwd]라는 input으로 focus가 가게끔 처리 했습니다. 모두 입력 후 로그인버튼을 마우스로 클릭하지 않고, 바로 엔터키만 누르면 로그인이 되도록 구성했습니다.* 쿠키 관련된 로직은 각자 사용하는 로직이 따로 있을테니, 있다고 가정하.......
휴대전화번호 12자/13자 기준, 번호의 가운데 위치를 마스킹 처리하여 리턴합니다. 아래와 같이 사용했습니다.
Crying Suns 에픽게임즈 ( 01월15일까지 무료 )https://www.epicgames.com/store/ko/product/crying-suns/home클론의 장편 서사시적인 여행.평화와 번영의 시절 700년을 누린 후, Galactic Empire는 갑작스럽게 산산조각이 났습니다. 인간 주인을 위해 모든 일을 해온 신같은 기계인 OMNI도 수상스럽게 작동을 멈추었습니다. 스스로 생존할 수 있는 능력을 이미 오래 전에 잃어버린 인류는 멸망의 운명을 직면하고 있습니다. 하지만 우주 저편 어느 구석에 얼음과 바위로 가득 찬 행성 Gehenna에는 Imperial Tech의 정수이자 인류의 마지막 희망인 최고 기밀 시설이 있습니다.당신은 Admiral Ellys Idaho의 클론으로, 행성 전투 역사상 최고의.......
들어가기전 참고사항1. https://developers.kakao.com/ 접속하여 카카오 계정으로 로그인합니다.2. https://developers.kakao.com/console/app 접속하여 애플리케이션을 추가 버튼을 클릭하여 상세정보를 입력 한 후 저장합니다.3. 생성 된 애플리케이션 타이틀을 클릭하여 상세팝업을 호출하여, Web플랫폼을 등록합니다. (사이트 도메인 등록)4 . 이후, 페이지 상단의 [JavaScript 키]를 APPKEY로 사용하여 해당 페이지에 코드를 작성합니다.5. 각 자 상황에 맞추어 커스텀 합니다. ( 카카오 공식가이드 참고 : https://apis.map.kakao.com/web/guide/ )
모닥불 2 : 미지의 해안 The BonFire2 : Uncharted Shoreshttps://store.steampowered.com/app/1155880/The_Bonfire_2_Uncharted_Shores/건설 수집 생존을 좋아하시는 분들이라면 좋아할만한 게임입니다. 자원을 채집하고 만들고 수집하여 타워를 세우고 주민들에게 도구를 쥐어주어 몰려드는 적들로부터 정착지를 안전하게 방어하여 생존하는 간단한 규칙을 가지고 있습니다.하루, 낮과 밤으로 이루어져 낮동안은 자원을 채집하고 건물을 올리고 밤에는 무작위로 생성되는 적들로부터 정착지를 방어하면 됩니다. 나아가 새로운 지역을 탐험하고 교역하며 성장할 수 있습니다.처음 스팀에서 구매하고나서부터 약 9시간가량을 꾸준히 플.......
한글이름 3글자 기준, $type값에 따라 마스킹 위치를 자유롭게 변형 할 수 있습니다. 아래와 같이 사용했습니다.
값이 인입되었을때, 이 값에서 역슬래시("\") 를 제거해야했고, 아래와 같이 사용했습니다.
값이 인입되었을때, 이 값에 싱글쿼트(')가 포함되어 있다면 그 문자열 앞에 역슬래시(\)를 붙입니다.DB에 값을 저장하기 전에 넘어오는 값을 간단히 체크할때 필요했고, 아래와 같이 사용했습니다.
개인적으로 무협소설과 무협게임을 좋아합니다.영웅문 - 천년 - 천상비 - 신영웅문 - 신영웅문2 - 시아 - 조선협객전 - 파천일검 - 열혈강호 - 구룡쟁패 로 이어지는 무협덕의 엘리트코스를 밟으며 커왔습니다. 하지만 2007년경 구룡쟁패를 마지막으로 판타지세계로 넘어가고 맙니다. (중간에 리니지라는 세계에 발만 담구고 오긴 했습니다.)그렇게 모든 게임을 놔버리고 지낸지 몇년 후 중국에서 인기리에 서비스 중인 '천애명월도' 라는 게임이 넥슨(Nexon Korea)에 의해 한국으로 들어오게 되었습니다. 아는 사람은 아는 무협게임의 왕이었으며 때문에 한자로 이루어진 언어의 장벽을 넘어 즐기던 한국 유저분들도 꽤 됐던것으.......
문자열로 이루어진 배열이 인입되었을때, 하나의 문자열로 합쳐서 리턴해줘야했고, 아래와 같이 사용했습니다.
특정 문자열에서 태그를 제거해줍니다. 하지만 특정 태그를 제외하고 제거할수도 있습니다. 아래와 같이 사용했습니다.
문자열이 인입되었을때 특정문자를 기준으로 문자열을 나누어서 배열로 반환해줘야 했고, 아래와 같이 사용했습니다.
배열이 인입되었을때, 특정문자열을 지정해 하나의 문자열로 가공해야 했고, 아래와 같이 사용했습니다.
특정 값이 인입되었을때, 이 값이 숫자인지 아닌지 체크할때 필요했고, 아래와 같이 사용했습니다.
배열 안에 특정 값이 포함되는지 체크하기 위해 필요했고, 아래와 같이 사용했습니다.