본문 바로가기

분류 전체보기267

[JavaScript] 오늘 하루 보지 않기 (cookie) JavaScript를 사용하여 '오늘 하루 보지 않기 팝업' 구현하기 '오늘 하루 보지 않기' 체크박스 선택 후 닫음 > 오늘 하루 보지 않기 '오늘 하루 보지 않기' 체크박스 해제 후 닫음 > 페이지 접속 시 마다 계속 보이기 See the Pen Untitled by KANG DAN (@kangdanne) on CodePen. const btnClose = document.querySelector('.btn_close'); const popupMask = document.querySelector('.popup_mask'); const popup = document.querySelector('.popup_wrap'); btnClose.addEventListener('click', function(){ .. 2022. 4. 11.
[Chrome 개발자 도구] 네트워크 패널 DevTools - Network 구글 크롬 개발자도구 Chrome DevTools Network panel ::용도 리소스가 예상대로 다운로드 또는 업로드되고 있는지 확인해야 하는 경우 리소스가 실제로 업로드되거나 다운로드되고 있는지 확인합니다. HTTP 헤더, 콘텐츠, 크기 등과 같은 개별 리소스의 속성을 검사합니다. 네트워크 요청시 보여지는 내용들 [자료] Developers Chrome https://developer.chrome.com/docs/devtools/network/ 인프런 강의 "Vue.js 시작하기 - Age of Vue.js" https://www.inflearn.com/course/age-of-vuejs 캡틴 판교 - 프런트엔드 개발자가 알아야하는 HTTP 프로토콜 Part 1 https://joshua1988... 2022. 3. 16.
video태그 - 자동 재생 autoplay에 대한 방법과 생각 페이지에 접속함과 동시에 '영상이 자동재생'되게 해달라는 요청을 받았습니다. 'autoplay넣으면 됐던거 같은데, 모바일에서는 자동재생 안됐던 것같은데?'등등의 기억을 더듬어 코드를 수정! 했으나 실패하여 0부터 다시 다 찾아봐야만했던 슬픈 이야기. [처음 전달 받았던 코드의 ux flow] 1. 재생 버튼을 클릭하면 2. 영상이 담긴 레이어 팝업이 뜨면서 3. 해당 영상이 자동 재생된다. [요청 사항] 1. 페이지 접속 시 메인화면 상단의 영상 자동 재생 2. 영상의 소리도 재생 [결론] 1. 자동 재생 시킴 2. 구글 정책 설명 후 소리 muted로 타협 1. 자동 재생 되지 않은 사례 https://developer.chrome.com/blog/autoplay/ Autoplay policy in .. 2022. 3. 15.
[Blog] 게임 회사 기술 블로그 🎮 한국 게임회사 기술 블로그들. NC SOFT단연 돋보이는 엔씨소프트의 기술 블로그.국내 IT업계의 기술 블로그를 대중화(?)시키는 1세대였던 것으로 기억한다.'에디터가 따로 있나' 싶을정도로 양질의 콘텐츠를 보여준다.NC는 겜알못, 비게임직군 지인들과도 공유할 정도로 좋은 내용이 많다. https://blog.ncsoft.com/ NC 공식 블로그즐거움으로 연결된 새로운 세상blog.ncsoft.com  넷마블https://netmarble.engineering/ 넷마블 기술 블로그‘넷마블’이라는 엔진을 기술로 다듬고 개선하는 과정과 그 과정을 이끌어 가는 엔지니어의 이야기를 전하는 넷마블 기술 블로그입니다.netmarble.engineering  카카오 (카카오 게임즈)카카오는 모든 그룹사가 하나.. 2022. 3. 4.
[Git] Window에 Git세팅하기 (window terminal 설치) 1. Window terminal(터미널)을 설치합니다. Microsoft : https://docs.microsoft.com/ko-kr/windows/terminal/install Windows 터미널 설치 Windows 터미널을 설치하고 설정하는 방법을 알아봅니다. docs.microsoft.com 필수는 아닌 거같으나, mac에서의 terminal사용이 편했던 기억으로 설치했습니다. 2. Git 설치 https://git-scm.com/downloads Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git.. 2022. 2. 8.
[Yarn] Window에서 yarn 설치 확인 안될 때 (PowerShell) yarn 설치 후 버전 확인을 하려는데 다음과 같은 오류 발생 + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess 1. Windows PowerShell을 관리자 권한으로 실행 2. 실행 정책을 '비제한'으로 설정 ExecutionPolicy // 현재 설정 확인 Restricted // 제한 상태 --> 이걸 비제한. 즉, 허용상태(Unrestricted)로 바꿀 것 Set-ExecutionPolicy Unrestricted // 실행정책을 세팅하겠다. "Unrestricted"로 ~~~~ (y / n) // 경고 알림 (허용할래? / 취소할래?) Y // 허용 ExecutionPo.. 2022. 2. 8.
[Vue.js] Component 컴포넌트 전역 컴포넌트 지역 컴포넌트 2022. 2. 4.
#TIL #220101-0129 01월 01일 (토) 알고리즘 1문제 - 프로그래머스 Level 01 - 18 수박수박수박수박수박수? 01월 03일 (월) 알고리즘 1문제 - 프로그래머스 Level 01 - 19 소수 찾기 01월 04일 (화) Front-end 스터디 🔥 (12PM~16PM) JS의 자료형 특징 CORS란? 01월 05일 (수) 알고리즘 1문제 - 프로그래머스 Level 01 - 20 문자열 다루기 기본 01월 14일 (금) 알고리즘 1문제 - 프로그래머스 Level 01 - 21 서울에서 김서방 찾기 01월 16일 (일) 알고리즘 1문제 - 프로그래머스 Level 01 - 22 문자열 내림차순으로 배치하기 01월 17일 (월) 🔥새 회사 첫 출근(이지만 지난 주말에 hot fix처리해드림...🤪)🔥 알고리즘 1문제 .. 2022. 2. 2.

티스토리툴바