GF (104) 썸네일형 리스트형 DES 구현하기 얼마 전 강의에서 DES를 통한 암호화에 대해 배웠다. 이것을 코드로 구현하면 어떨까 해서 한 번 작성해보기로 했다. 나중에 웹서비스로 확장시키면 좋을 것 같아서 언어는 자바스크립트(Javascript, ES6)를 택했다. DES를 쉽게 구현하기 위해 permutation, xor, shift, sBox 등의 함수를 먼저 구현했다. permutation table은 강의 내용을 참고했다. 실제 DES와 결과가 같은지는 아직 모르겠다. DES 구조에 대한 강의 슬라이드 중 마지막 부분에 32-bit Swap이라 적힌 단계가 있는데 이것에 대해서는 언급되지 않았다. 그래서 Round 1 ~ Round 16과 IP에 집중하기로 했다. 데이터 형식은 binary로 하려고 했지만 웹서비스로의 확장 등에는 '0'과.. Lighthouse - 웹 진단 및 성능 향상시키기 웹 개발을 하면서 '더 좋은' 웹을 만든다는 것은 참으로 어려운 일이다.그러다 최근에 크롬 개발자도구의 Audits를 알게되었다. 크로미움 기반 웹에서 F12를 눌러 개발자 도구를 열어보면 Audits 탭이 보인다. 이 탭에서 Lighthouse를 이용해서 해당 웹페이지를 분석할 수 있다. Run audits 버튼을 누르면 된다.나는 현재 개발중인 UOSTime을 대상으로 해보았다. 결과로 성능, PWA, 접근성, 검색엔진 최적화 등의 점수가 표시된다.음.. 점수가 좋지 않다. 성능과 접근성이 많이 부족하다는 결과가 나왔고, 아래로 스크롤을 내리면 자세한 설명이 나온다. 무엇이 잘못되었고 무엇이 권장되는지 쭉 나와있다. 나는 곧바로 몇가지 작은 개선을 하고 다시 체크해보았다. 성능 면에서 12점이 올랐다.. 노트북 배터리 사용 최적화하기 노트북을 사용할 때 배터리를 최대한 아껴 써야하는 상황이 종종 있다. (예를 들면 강의실에서 강의를 들을 때라던가..)그럴 때 나는 이런저런 조정을 통해 배터리 사용을 최적화하는데, 그 중 하나가 전원옵션 설정이다. 전원옵션을 설정하는 방법Windows 10. Intel CPU 기준 1. [제어판] - [하드웨어 및 소리] - [전원 옵션] 으로 접근한다.(작업표시줄의 배터리 아이콘을 우클릭하면 더 빠르게 접근할 수 있다.)이후 현재 선택된 전원 관리 옵션을 확인하고 설정 변경을 누른다. 2. 고급 전원 관리 옵션 설정 변경을 누른다.아래와 같은 창이 뜰 것이다. 3. 활성화된 옵션에서 다양한 목록이 나온다.이 설정으로 배터리와 성능 간의 균형을 조절할 수 있다. 나는 아래와 같이 설정했다.강의실에서 강.. 라이젠 오버클럭 (B450M PRO4) 라이젠 2400G 오버클럭을 했다. (Linx 안정화 통과)아주 빡세게 하지는 않았고 그래픽 오버도 하지 않았다.이 게일 램은 ASRock B450M PRO4의 메모리 지원목록에 없어서 그런지 확실히 램 오버가 힘들다ㅠㅠ시스템 사양CPU: AMD Ryzen 2400GRAM: GeIL DDR4 8G PC4-21300 CL19 PRISTINEM/B: ASRock B450M PRO4 (BIOS ver. 2.00) CPU 오버클럭3.8GHz, 1.36875V RAM 오버클럭3066MHz, 1.35V, 18-19-19-38 1TGear Down Mode: Auto 메르센 소수 찾기 2의 거듭제곱에서 1이 부족한 수를 메르센 수(Mersenne number)라고 한다. 여기서 메르센(Mersenne)은 수학자 마랭 메르센(Marin Mersenne)의 이름이다. 메르센은 저명한 수학자 파스칼의 스승이었다고도 한다. 위키백과 메르센 수 중에서 소수인 수를 메르센 소수(Mersenne prime)라고 한다. 3, 7, 31, 127 등은 메르센 소수이며, 이같은 소수가 무한히 많은지는 알 수 없다. 그 중 1883년 Ivan M. Pervushin이 발견한 9번째 메르센 소수는 다음과 같다. 이 수가 소수인지 아닌지 모른다고 가정하고, 소수임을 판별하는 알고리즘을 생각해보자. 주어진 수를 N이라 하자.각 방법의 소요시간은 초당 10^8번의 연산을 기준으로 한 단순 계산이다. 단순한 방법.. Excel 및 PPT에 사용하기 좋은 색 조합 Excel이나 PPT에 사용하기 좋은 색 조합 #227447#e6e6e6#ffffff#f9a03f#e55934 Code to Image VS Code를 사용하다가 코드를 이미지로 바꿔주는 확장을 2개 접하게 되었다. 각각의 장단점을 비교해보자. Polacode, Polacode-fork확장 설치 후, Ctrl+Shift+P를 누르고 Polacode를 입력하여 실행한다. 코드가 적힌 부분에 자신의 코드를 복사한다. 그 후 아래의 동그란 버튼을 누르면 다음과 같은 결과물을 얻을 수 있다. 첫번째는 Polacode이고 두번째는 Polacode-fork이다. 차이점은 fork의 경우 배경이 투명하다는 점이다. (하지만 어딘가 불편하다) carbon-now-sh이 확장은 특정 스타일을 적용한 carbon 웹페이지로 이동해주는 확장프로그램이다.Polacode보다 이미지의 스타일을 더 자세히 설정할 수 있으며 완벽히 투명한 배경도 지원한다. 확장 설.. Bootstrap v4.3.x 2019년 2월 11일과 13일, Bootstrap 4.3.0과 4.3.1이 각각 릴리즈되었다.이후의 업데이트는 Bootstrap 5가 될 것으로 보인다. 4.3.0에서는 새로운 클래스가 추가되었고, 반응형 폰트 사이즈가 생겼다.4.3.1에서는 4.3.0에서의 문제(XSS 등)를 해결했다. stretched-linkstretched-link는 a태그에 사용한다.stretched-link가 적용된 a태그는 position값이 relative인 부모 전체를 뒤덮는다. 이를 통해 부모 전체가 a 태그로 변한 효과를 준다.위의 예제에서 div를 클릭해도 a가 클릭된다. 정확히는, div태그보다 위에 올라온 a태그를 누르게 되는 것이다. Responsive font sizes반응형 폰트 사이즈가 나왔다!이제 사용.. 이전 1 ··· 7 8 9 10 11 12 13 다음
