IT (18) 썸네일형 리스트형 간단하게 만드는 아코디언 메뉴 - HTML 전용 태그 활용 아코디언 메뉴란?아코디언 메뉴는 사용자가 항목을 클릭할 때마다 내용을 펼치거나 접는 UI를 의미합니다.일반적으로 '아코디언 메뉴' 또는 '아코디언 패널'이라고 부릅니다. 주로 공간을 절약하거나 정보 계층 구조를 관리하는 데 사용합니다. 아코디언 전용 태그혹시 HTML 기본 태그에 아코디언 전용 태그가 있다는 사실 알고 계셨나요?HTML5에서 태그는 아코디언 기능을 지원합니다. 기본 HTML 구조입니다. Details Something small enough to escape casual notice. OUTPUT DetailsSomething small enough to escape casual notice."> HTML 삽입미리보기할 수 없는 소스 태그만 사용해도 바로 아코디언 메뉴를 구현할.. 인앱 브라우저에서 외부 브라우저 열기 카카오톡 인앱 브라우저를 통해 접속한 유저가 카카오톡 본인인증 기능을 사용할 때 오류가 발생한다는 제보를 받았습니다. 직접 테스트했을 때 오류가 재현되진 않았지만, 인앱 브라우저에서 휴대폰 본인인증(PASS)을 진행하면 세션 데이터가 날아가는 버그를 겪고 있었기 때문에 인앱 브라우저를 외부 브라우저로 여는 방법을 찾기 시작했습니다.그러다 아래 블로그를 발견했습니다. 🔗 카카오톡/라인 인앱브라우저에서 외부브라우저 띄우기 이분 역시 인앱 브라우저를 벗어나길 원하셨고, 여러 해결 방법을 블로그에 기록하셨습니다.저와 같은 전국 각지에서 고군분투하는 개발자들을 위해, 전체 소스코드도 제공하여 커스터마이징할 수 있도록 해주셨습니다.해당 코드를 검토한 후, 코드 리팩토링을 진행했습니다.execCommand()가 지.. Composer란 무엇일까? - 설치 및 사용법 개요 # Composer란 무엇일까? Composer 설명 Dependency Manager(의존성 관리 도구)란? # Composer 설치하기 macOS Locally(지역) Globally(전역) # Composer를 이용한 패키지 관리 외부 패키지를 설치하는 방법 초기화 설치 갱신 추가 삭제 References 개요 이번 글에서는 Composer에 대한 소개와 설치 방법 및 사용법에 대해 소개하겠습니다. # Composer란 무엇일까? Composer 설명 Composer(이하 ‘컴포저’)는 PHP의 의존성 관리 도구로, 패키지를 관리하고 자동으로 로드해주는 도구입니다. PHP 개발에서 외부 라이브러리나 프레임워크를 사용할 때, 컴포저를 통해 이러한 패키지들을 쉽게 설치하고 관리할 수 있습니다. D.. 웹 3.0 새로운 인터넷 시대, 환상일까? 목차 1. 웹 1.0과 2.0 2. 웹 3.0 a. 시맨틱 웹 b. 탈중앙화 3. 비판 및 문제점 웹 1.0과 2.0 # 웹 1.0 1991년, 컴퓨터 과학자 팀 버너스리(Tim Berners-Lee)가 월드 와이드 웹(WWW)을 공개하면서 웹 1.0이 시작되었습니다. 당시 웹은 오로지 '읽기'만 가능한 단방향 형태였습니다. 사용자는 뉴스 기사와 같은 제한된 콘텐츠를 읽기만 했습니다. ex) 1. 워싱턴 포스트 1996년 주요 뉴스 섹션 워싱턴포스트가 제공하는 옛 타임라인을 통해 1996년의 8가지 뉴스 기사를 볼 수 있다. # 웹 2.0 2000년대에 들어서면서 웹은 빠르게 발전했습니다. 인터넷 보급이 확산되고 웹 기술과 네트워크가 발전하면서 '읽기'와 '쓰기'가 가능한 웹 2.0이 등장했습니다. 단방.. 문자 인코딩 # 정보의 최소 단위 사람은 숫자를 다룰 때 10을 기수로 하는 십진법을 사용하고 컴퓨터는 0과 1을 이용하는 이진법을 사용합니다. 컴퓨터는 논리 회로를 통해 연산하는데 논리 회로는 전기 신호를 구분합니다. 신호가 있으면 1, 없으면 0으로 처리하기 때문에 컴퓨터는 0과 1만 사용하는 이진법을 사용합니다. 컴퓨터가 처리할 수 있는 가장 작은 단위를 비트(bit)라고 하는데 이진수를 의미하는 'Binary Digit'의 약자입니다. 비트에는 있고 없음을 나타내는 0과 1만 담을 수 있습니다. 1bit는 0과 1, 두 가지를 표현할 수 있고 2bit는 00, 01, 10, 11 총 네 가지의 경우를 나타낼 수 있습니다. 비트가 늘어날 때마다 ×2 만큼 경우의 수가 증가합니다. 1bit로 많은 데이터를 나타낼.. 메타버스, 현실과 가상의 경계가 허물어진다! 목차 1. 메타버스의 개념 2. 메타버스의 유형 3. 현황 & 활용, 발전분야 4. 문제점 5. 가치 메타버스의 개념 # 세계가 주목하는 메타버스 현재 전 세계에서 '메타버스'에 대한 관심을 보이는데요. 도대체 메타버스가 무엇이길래 모두가 관심을 가질까요? 메타버스, 다른 표현으로 '확장 가상 세계' 가상, 초월을 의미하는 '메타(meta)'와 세계, 우주를 의미하는 '유니버스(universe)'의 합성어입니다. 메타버스라는 개념의 뚜렷한 정의는 아직까지 확립되지 않았지만 일반적으로 '현실세계와 같은 사회적·경제적 활동이 통용되는 3차원 가상공간' 정도의 의미로 사용되고 있습니다. 메타버스의 유형 비영리 기술 연구 단체 ASF(Acceleration Studies Foundation)은 메타버스를 네 가.. 시간 복잡도 들어가며시간 복잡도, 알고리즘 복잡도 계산이 왜 필요할까?시간 복잡도점근 표기법?왜 Big-O 표기법을 사용할까?Big-O 표기법# 들어가며 효율성 분석을 할 때 알고리즘 복잡도를 사용하여 검사를 합니다.알고리즘 복잡도의 종류에는 시간 복잡도와 공간 복잡도가 있습니다.그중 시간 복잡도에 대해 알아보겠습니다.알고리즘 분석- 정확성 분석설계한 알고리즘을 다양한 수학적 기법을 사용하여 이론적으로 증명하거나 다양한 입력 상황을 가정하여 테스트 데이터를 통해 정확한 결과가 생성되었는지를 분석- 효율성 분석알고리즘 복잡도를 사용하여 효율적인 알고리즘인지를 분석# 시간 복잡도, 알고리즘 복잡도 계산이 왜 필요할까? 알고리즘은 문제를 해결하는 방법, 절차입니다. 문제를 해결하는 방법은 여러 가지가 있고, 그중 어떤 것.. Windows 10 LAMP 설치 방법 (2) 안녕하세요. Windows 10에 LAMP(Linux Apache MySQL PHP) 설치 방법을 소개하겠습니다. 이전 글에서 Linux 설치 후 root 계정 설정까지 했습니다. 오늘은 이어서 Apache, MySQL, PHP를 설치하도록 하겠습니다. MySQL은 저처럼 5.7 버전이 필요한 분들을 위해 최신 버전과 5.7 버전을 둘 다 소개하겠습니다. Apache와 MySQL 설치 중에 방화벽 창이 나오면 액세스 허용을 눌러주세요. Apache2 웹 서버 설치 root 계정에서 명령어를 입력합니다. sudo apt install apache2 Do you want to continue? [Y/n] 라고 나오면 Y를 누르고 Enter키를 누릅니다. 정상적으로 설치되었는지 확인하기 위해 명령어를 입력 후.. 이전 1 2 3 다음
