기술 블로그

1.서명 키 생성 경로 : /andorid/app $ keytool -genkeypair -v -keystore my-upload-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000 그리고 기타 정보를 입력한다.(국가코드 kr) 2. gradle 변수 설정 경로: /android/gradle.properties MYAPP_RELEASE_STORE_FILE=my-upload-key.keystore MYAPP_RELEASE_KEY_ALIAS=my-key-alias MYAPP_RELEASE_STORE_PASSWORD=위에서 지정한 비밀번호 MYAPP_RELEASE_KEY_PASSWORD=위에서 지정한 비밀번호 경로 /androi..

state는 컴포넌트 내부에서 생성되고 값을 변경할 수 있다. import {a} from 경로 와 import a from 경로의 차이 전자는 export a; 했을 경우 후자는 export default(임의 변수명)를 하였고 import한 파일에서 변수명을 다시 정하고 싶을 때 전자의 경우 변수명을 변경하고 싶으면 import {b as a} from 경로 로 변경 가능 커스텀 버튼 컴포넌트 만들 시 onPress에 대한 prop설정 해줘야 함 alert(props.onPress())}> //여기 useState 사용 import React,{ useState } from 'react'; //임포트 const [count, setCount] = useState(0); 초기값 할당 및 상태관리 변수와..

3시간 씨름한 에러 결과를 정리하고자 한다. expo 초기 설정후 기기와 expo를 연결하려니 (expo 종료상태라 어둡다.) lan 연결이 127.0.0.1로 잡히는 문제가 있었다 최신 버전 expo에서 발생하는 문제같은데 자세한 원인은 모른다. tunnel로 연결하면 되긴하나 랜이 아닌 외부망을 이용하기에 속도가 느리고 원하는 해결책이 아니다. 찾은 해결방법은 환경변수를 변경하는법 명령 프롬프트 system32 폴더 내에서 ipconfig로 ipv4 주소를 찾아 복사한뒤 프로젝트 폴더로 이동 후 아래 명령어를 입력한다 set REACT_NATIVE_PACKAGER_HOSTNAME=ip //ip= your lan ipv4 그 후 node.js 재실행

flexbox : 부모 box 가 가변적인 경우 어떻게 자식 요소들을 정렬할지 설정 이전엔 float를 써서 정렬함(left center right) 그러나 이건 float의 본래 목적이 아니니 flex 권장 item에 지정되는 속성값들 중심축과 반대축 개념이 존재 (수직or수평) 컨테이너 속성 display: flex flex-direction: row or column - reverse //수평수직 flex-wrap: nowrap ,wrap //랩핑시 다음라인으로 넘어감 justify-content: flex-start,+end,center,space-around,space-between//중심축 배치 위치 align-items: baseline;()택스트 중심 align-content:center ..

자바스크립트의 배열은 자바의 배열과 약간 다르다 선언방법 var aray1 = new array(); 배열선언 var aray2 =new array("d","f","a"); var aray3=["a","f","d"] 배열에 값을 넣는방법1234567891011var arrNumber = new Array(); //배열선언 arrNumber[0] = 1;arrNumber[1] = 2;arrNumber[2] = 3;arrNumber[3] = 4;arrNumber[4] = 5; for(var i=0;i

wow.js 는 스크롤시 css애니메이션을 나타내주는 라이브러리입니다. 사용 예: http://kjk5.net/ 저는 개인사이트를 만들면서 적용했습니다. 애니메이션 라이브러리는 animate.css를 사용합니다. 사용법:(windows)1. https://wowjs.uk/의 github에서 압축파일을 받습니다. 2.압축을 푼 후 wow.min,js를 서버 경로에 넣어줍니다. 3. 12Colored by Color Scriptercs 태그안에 각각 넣어줍니다.각각 animate.css와 wow.min.js를 연결합니다. 4.적용하려는 코드부분에 이런식으로 넣어주시면됩니다. 움직임 이름은 https://daneden.github.io/animate.css/를 참고하시면 됩니다.

필수 패키지Auto Close Tag: 자동으로 태그를 닫아준다.Auto Rename Tag: 자동으로 짝 태그의 이름을 바꿔준다.Beautify: 선택 영역 및 파일을 beautifyBookmarks: 라인을 북마크해 shift + alt + L키로 넘어다닐 수 있다.Braket Pair Colorizer: 괄호를 짝을 맞춰 색상을 입혀준다.Code Runner: 해당 영역을 간단히 실행시켜볼 수 있다.Color Highlight: 색상 코드가 색으로 표시된다.Code Spell Checker: 오타를 잡아준다. (영문만)Debugger for Chrome: 크롬 디버그 툴로 front 디버깅이 가능하다.DotEnv: .env syntax를 잡아준다.EditorConfig for VS Code: .ed..

Atom Introducing Github for Atom공식 홈페이지아톰 에디터는 깃허브에서 만들어가는 오픈소스 텍스트 에디터입니다. 누군가 어떤 에디터를 추천한다고 해서 반드시 자기에게 적합할 수는 없을 것입니다. 만약 아톰 에디터가 자기에게 별로인 것 같다는 생각이 든다면 바로 지우시면 그만입니다.Brackets VS-Code SublimeText저는 깃허브 페이지를 위해서 사용하기 시작했는데 나름대로 괜찮은 에디터인듯 느껴지고 있습니다.아톰 에디터의 단축키를 간단하게 알아볼까요?어떤 에디터를 사용하든지 가장 중요한 것은 환경설정입니다. 아톰의 설정창을 열기 위해서는 File > Settings 또는 Ctrl + ,를 누르면 됩니다. 또 어떠한 것들을 제공해주고 있는지 살펴보려면 Settings >..