TOPIC (18) 썸네일형 리스트형 접근성 : ARIA-TAB ARIA-TAB 탭은 스타일을 의미하는 것이 아니라 현재 페이지 내용에 색인을 제공하는 구조(tablist, tab, tabpanel)를 의미합니다. role 속성은 값에 따라 적용할 수 있는 HTML 요소가 제한됩니다.role="tabpanel" 속성은 요소에 사용할수 없습니다. 기본 골격 주요 속성 role ="tab" aria-selected : 현재 탭의 선택 여부를 확인합니다. aria-controls : 현재 tab과 연결된 panel의 id값을 적용합니다. tabindex : 활성 포커스 속성입니다. 자세한 내용 role ="tabpanel" tabindex : 활성 포커스 속성입니다. 활성되면 키보드 tab버튼으로 접근 가능합니다. aria-labelledby : 현재 panel과 연결된 .. JavaScript 모든 this의 바인딩 상황 프론트 엔드를 공부를 시작하면서 this에 관련된 상황에 대해서 어떻게든 사용하고 있었지만 그것은 감으로 사용하고 있었고 정확하게 이렇게 될거야라는 확신은 없는채 사용해 왔다. 이렇게 사용하면 되겠지.. 하지만 특수한 경우에는 생각되로 바인딩 되지 않는 경우가 있는데 그러한 경우를 모아서 정리해볼려고 한다. JavaScript에서는 this는 상황에 따라 다른 표현을 가지고 있다. 상황에 따른 this가 어디로 할당 되는지 다루어 볼려고 한다. 기본 적으로 this는 함수내에서 암묵적으로 전달되는 변수이다. 1. 객체의 메소드를 호출할 때 var Obj = { name: 'this', func: function() { console.log(this); } }; Obj.func(); // { name: '.. [프로그래머스] 고양이 사진 검색 사이트 https://programmers.co.kr/skill_check_assignments/4 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 과제 전형 문제인데 알고리즘과 다르게 정답은 없고 주어진 시간안에 해당 요구조건을 충족시키는 문제이다. 깃허브에 소스코드는 올려두었습니다. https://github.com/Hongjeongmin/webJsCode/tree/cat_search Hongjeongmin/webJsCode Js 프론트 프레임워크 기본 구조 구현. Contribute to Hongjeongmin/webJsCode development by c.. mac 구매후 설치방법(개발자용) mac을 구입후 세달동안 3번정도 포맷을 하다보니.... 필요한 설치후 필요한 기능들을 모아볼려고한다. 1. 미션컨트롤 기능 마우스를 이용해서 간단하게 화면을 분리하는 기능이다 정말 좋음. 시스템 환경설정 -> MissionControll -> 핫코너에서 다음과 같이 설정한다. 2. spectacle (윈도우에 없는 화면 분리기능이다, 이것도 정말좋음) https://www.spectacleapp.com/ Spectacle www.spectacleapp.com 3. homebrew 설치 (그냥 이것 때문에 맥쓴다고 봐도 무방함) https://brew.sh/index_ko /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/inst.. JOIN 안에 SUB쿼리를 JOIN으로 바꿔보자 이 글을 쓰는 이유는 예전 프로젝트를 진행하면서 특정 테이블의 GROUP을 만들어서 특정 값을 만든 후 추가 속성으로 다른 값을 그룹화 해야하는 경우가 발생하였는데 그때 SUB쿼리를 쓰고 POST MAN으로 호출시 성능이 많이 떨어지는 경험을 할 수 있었습니다. 어제 특정 코딩테스트 대회를 참여하면서 다른 분이 쿼리문에 대해서 질문을 하셨고 저도 예전에 문제를 풀면서 생각했던 것이라서 포스팅하기로 했습니다. DATABASE CREATE TABLE USER( ID INT, CODE_NUMBER VARCHAR(20), primary key(ID) ); CREATE TABLE CODE_AMOUNT( ID INT, FROM_CODE_NUMBER VARCHAR(20), TO_CODE_NUMBER VARCHAR(2.. Junit5 기능 정리 Junit 5 Eaxample 이 내용은 공식문서 https://junit.org/junit5/docs/current/user-guide/ 를 참고 하였습니다. 많은 내용은 다루지 않고 몇가지 기능만 다루어 보려고 합니다. Junit5가 나온지는 꽤 되었지만 사용하고 있는 기능만 사용하고 새로운 기능들은 잘 모르는 상태였습니다. 인턴생활을 하면서 시간이 널널하기에 새로운 버전에 대해서 공부해볼려고 합니다. Junit 5 란? Junit의 이전 버전과 달리 Junit 5는 세가지 하위 프로젝트의 여러 모듈로 구성됩니다. JUnit 5 = JUnit Platform + JUnit Jupiter + JUnit Vintage junit 플랫폼 테스트 프레임워크 실행은 JVM에서 동작합니다. Junit Jupit.. JAVA : 배열 회전, 배열 90도 회전 방법 위처럼 배열을 회전시키고 싶을 때 사용하는 방법이다. 일단 [2][3] 형태의 int형 배열이 메모리에 잡혀있다고 가정하겠다. 사람이 생각하면 쉽지만 코드로 구현할려면 어려운데 알고보면 간단한 규칙이 존재한다. 4번을 선택 배열의 인덱스는 0부터 시작한다고 했을때 4번의 좌표는 (1,0) 이고 회전 한곳에 좌표는 (0,0) 이란걸 알 수 있다. "5"번을 예시로들면 (1,1) -> (1,0) 으로 이동하였다. 여기서 규칙을 발견한다. (1 , 1 ) -> (1 , 0) 빨간색으로 표신된 영역이 서로 같다는 것! 따라서 다음과같이 표현할 수있다. 여기서 2는 처음 배열의 세로의 크기(위아래의 크기)라는것을 알아낸다. 구현 그럼 이제 아그러면 저식대로 배열을 넣으면 되는 거겟지?? 하고 생각할 수있지만 실수.. Access Token 클라이언트 보안전략 1. Access Token 만 사용 # 사용자가 로그인 할 때 클라이언트에게 AccessToken을 발급한다. 이때 AccessToken은 서버에서 관리할 필요가 없고 메모리상에서 미리 정의 된 비밀키를 이용해서 AccessToeken의 유효성을 검증한다. 짧은 만료 시간으로 설정 (30분 내외) # 장점 - 기기나 AccessToken이 탈취되더라도 빠르게 만료됩니다. 단점 - 사용자는 자주 로그인을 해서 인증 받아야한다. 한 사용자가 오랫동안 사용하는 서비스일경우 서비스를 이용하다 도중에 인증이 만료되어 다시 로그인해야하는 불편함을 겪는다. 긴 만료 시간으로 설정(2주 에서 한달) # 장점 - 사용자가 로그인을 자주 할 필요가 없어서 편하다 단점 - 기기나 AccessToken이 탈취되면 오랫동안 .. 이전 1 2 3 다음
