성장에 목마른 코린이

CryptoJS Javascript에서 해시 함수를 통해 여러가지 정보(ex. 비밀번호)를 안전하게 암호화를 할 수 있도록 해주는 Node.js 패키지입니다. CryptoJS 설치 npm i -d crypto-js npm i --save-dev @types/crypto-jsCryptoJS 암호화 방식 대칭키 (Symmetric Encryption) : 암호화 - 복호화 할 때 같은 키값을 이용 비대칭키 (Asymmetric Encryption) : 암호화 - 복호화 할 때 다른 키값을 이용 해싱 (hashing) : 단방향으로 암호화만 가능하고 복호화 할 수 없다. 비밀번호 등에 이용. 알고리즘 종류 비고 대칭키 DES, 3-DES, AES(128bit, 256bit), SEED, ARIA AES가 가장..

CSS 기본 문법 CSS 규칙은 선택자(selector)와 선언부(declaration)로 나뉩니다. 선언부는 다시 속성(property)과 속성값(value)로 나누게 됩니다. CSS 문법 선택자는 보통 스타일링하고 싶은 HTML 요소나 부여한 id 혹은 class가 위치합니다. 선언부에 여러개의 속성과 속성값이 있을때는 ;(세미콜론)으로 구분합니다. 각각의 선언은 속성과 속성값을 :(콜론)으로 구분합니다. CSS 우선순위 CSS는 기본적으로 선언된 순서에 따라 적용되지만 각종 선택자와 삽입 위치에 따라 우선순위가 달라질 수 있습니다. 선택자 우선순위 !important > 인라인 스타일 > 아이디 선택자 > 클래스/속성/가상 선택자 > 태그 선택자 > 전체 선택자 경쟁 규칙이 같은 선택자 그룹에 속해..

CSS CSS는 Cascading Style Sheet의 약자입니다. CSS는 문서의 콘텐츠와 레이아웃, 글꼴 및 시각적 요소들로 표현되는 문서의 외관(디자인)을 분리하기 위한 목적으로 만들어졌습니다. CSS 명세는 World Wide Web Consortium에서 관리합니다. CSS는 세 개의 주 레벨이 정의되어 있고 이 레벨들은 버전이나 세대라고 볼 수 있으며, 현재 CSS1, CSS2 및 CSS3가 정의되어 있습니다. CSS 속성 여러 속성 값은 반드시 공백으로 구분되어야 합니다. 축약 표현 속성은 여러 속성 값을 하나의 간소화된 선언으로 적용할 수 있습니다. 속성이 명시되지 않으면 해당 속성의 기본 값이 적용됩니다. CSS 속성의 주요 위치 하나의 규칙으로 여러 HTML 요소와 HTML 문서를 제..

어제 iOS 배포를 하면서, 맞닥드린 상황인데요 분명 업로드를 성공하고 이제 심사를 받기위해 빌드에 제가 업로드한 앱을 올리려하는데, 버전기록에는 제가 올린 업로드 앱이 뜨는데, 빌드에는 제가 올린 업로드 앱이 안뜨더라고요 .. 도대체 뭐가 문제일까.. 업로드 분명 성공했는데 ㅠㅠ 도저히 모르겠어서 팀장님에게 물어보니, 아 이거 메일도 확인해야한다 하시더라고요 App Store랑 연결되어있는 회사 메일에 아래와 같은 메세지가 와있더라고요.. ㅋㅋ 위의 메일에서 말하길, 새로운 앱이 UIWebView를 사용하는건 이제 안된다. WKWebView를 써라. 보안과 안정성이 늘어났다. 정도로 해석할 수 있는데요. 다행히도 저희는 WKWebView를 쓰고있었고, UIWebView를 예전에 썼었기 때문에 남아있던..

이 문제는 간단히 Build -> Generate Signed Bundle/APK 를 통해 해결 할 수 있습니다. Key, Key store password, Key alias, Key password 가 필요합니다. 저는 지금 Android 2번째 배포중인데, 1번째 배포와 Key store password, Key alias, Key password 가 같을 줄 알고, 입력했다가 아래의 에러가 떴었습니다 .. ㅋㅋ 그리고 2번째 배포 때 또 비밀번호를 틀리게 적어서 또 에러가 났었네요. 위 에러를 보시면 Key store password, Key alias, Key password 꼭 확인 바랍니다! Android 12 - IntentFilter의 exported 명시적 선언 Android 11 이하..

안드로이드 배포 Build -> Build Variant 에서 debug -> release로 바꿔줘야함 .googleplayconsole ->출시 개요 들어가서 버전 확인 app/build/build.gradle 에서 version을 바꿔줘야함 Build -> Build Bundle / APK APK는 모든게 다들어가있는거고 (처음 배포할 때 사용) Bundle은 쪼개진거 그래서 배포할 때 번들을 많이씀 (두번째 배포부터 사용) CodeSign 신뢰 키파일을 찾아야함 Googleplayconsole -> 프로덕션 -> 버전수정 aab파일 업로드 출시하고, 게시 개요 꼭 확인하기. 오류났던 상황 Command + , 누르면 Preference로 이동됨 SDK를 검색 API Level이랑 targetSdk..

팀장님: App ID 생성 > 키체인 CSR 생성 > 인증서 생성 후 다운로드 > 프로필(모바일 프로비저닝) 생성 후 다운로드.... 이 과정만 기억하시면(코드 수정 이외에) 배포에는 큰 문제 없습니다. Keychain css 생성 Command + enter 후 keychain access 검색 화면 왼쪽 상단의 keychain access 클릭후 Certificate assistant 클릭 후 request certificate from certifate authority User email address Common Name Request is Saved to disk 해주고 continue 다운 받고 받은 파일 더블클릭 해주면 등록이 된다. Certificate 만들기 iOS Distributio..

CICD (지속적인 통합 / 배포) CI 개발자를 위한 자동화 프로세스인 지속적인 통합(Continuous Integration)을 의미합니다. CD 배포 자동화 과정입니다. 지속적인 배포(Continuous Deployment)를 의미합니다. CI/CD 종류 Jenkins CircleCI TravisCI Github Actions etc CI/CD 적용하기 전의 과정 개발자들이 개발하여 코드를 수정합니다. 각자의 feature 브랜치에 코드를 push합니다. (but, 어느 한 부분에서 에러가 났지만 개발자들은 눈치채지 못합니다.) 각자의 코드를 git에 올리고 통합(Intergration)합니다. 에러가 발생했지만 어느 부분에서 에러가 났는지 모르므로 다시 어디부분에 에러가 있는지 디버깅하고 코드를 ..

Module System 플러그인 파일이나 잘게 쪼개진 자바스크립트 조각을 재사용하기 위해서 각각의 파일을 등록하고 등록된 파일을 자바스크립트에서 불러와서 사용할 수 있게 해주는 프로그램입니다. Module 프로그램을 구성하는 각각의 부품이라고 할 수 있습니다. 모듈화하는 이유 프로그램의 효율적인 관리 및 성능 향상 전체적인 소프트웨어 이해의 용이성 증대 및 복잡성 감소 소프트웨어 디버깅, 테스트, 통합, 수정시 용이성 제공 기능의 분리가 가능하고 인터페이스가 단순 오류의 파급효과를 최소화 모듈 재사용으로 개발과 유지보수가 용이 대표적인 모듈 시스템의 특징 CommonJS 서버 사이드에서 사용하며, 동기적으로 작동 Require 문법 사용AMD 서버 사이드와 클라이언트 사이드에서 사용할 수 있지만 클라이..

manifest.json manifest.json 파일은 json 포맷 파일로써, 모든 웹 익스텐션이 포함하고 있어야 하는 파일입니다. manifest.json을 사용함으로써, 당신은 당신의 익스텐션의 이름, 버전과 같은 기본 정보를 명시하며 또한 당신의 익스텐션의 기능(ex. 기본스크립트, 내용스크립트, 브라우저 활동)을 명시합니다. 반드시 작성해야 하는 것 manifest_version manifest_version 은 앱에서 사용하는 manifest.json의 버전을 나타낸다. 현재 기준으로 이 값을 항상 2로 설정 해야합니다. "manifest_version": 2 version version 은 '.'으로 구분된 숫자나 아스키문자로 표현합니다. "version": "0.1" nam..

robots.txt robots.txt 파일은 크롤러가 사이트에서 액세스할 수 있는 URL을 검색엔진 크롤러에 알려줍니다. 주로 요청으로 인해 사이트가 오버로드되는 것을 방지하게 위해 사용하며, Google로 부터 웹페이지를 숨기기 위한 메커니즘이 아닙니다. 적용해야 하는 이유 검색엔진 크롤러의 과도한 크롤링 및 요청으로 인한 과부화 방지를 위해서 입니다. 크롤러의 정보 수집 및 크롤링을 제한함으로써 불필요한 요청을 줄이고, 서버에서 처리해야하는 요청을 줄여 과부하로 인한 문제가 생기는 것을 방지할 수 있습니다. 검색엔진 크롤러의 일일 요청 수를 뜻하는 Crawl budget 낭비 방지를 위해서 입니다. 예를 들어 웹사이트에 1,000개의 페이지가 있고, 검색엔진이 일간 2,000 건의 요청 수를 보낸다..

메타태그(meta tag) 웹페이지가 담고 있는 컨텐츠가 아닌 웹페이지 자체의 정보를 명시하기 위한 목적으로 사용되는 HTML 태그를 의미합니다. 이러한 웹페이지의 메타 정보는 주로 HTML의 요소를 통하여 마크업을 하며, HTML 문서 내에서 요소 아래 배치되므로 일반 유저가 보게되는 웹페이지의 컨텐츠에는 아무 영향을 주지 않습니다. 반면에 검색엔진과 같은 기계들이 웹페이지를 읽어야할 때는 메타 태그의 내용들이 해당 서비스에서 어떻게 표시될지를 결정하는 매우 핵심적인 요소가 됩니다. 웹사이트는 제목만 예외적으로 요소를 사용하고, 그 밖에 다른 웹페이지의 메타 정보는 요소를 사용하여 표현합니다. 요소를 사용할 때는 name 속성을 통해 메타 정보의 이름을 명시하고 content 속성을 통해 메타 정보의 ..