Sweet But Psycho

//1. 전역으로 지우고 2. 최신 버전으로 깔고 3. 리액트 프로젝트 생성 npm uninstall -g create-react-app npm add create-react-app npx create-react-app my-app

이더리움 커뮤니티에서 다루는 zkp 프로젝트 중 하나이다. 초록색은 완료된 프로젝트, 주황색은 거의 완료되었거나 진행 중인 프로젝트, 빨간색은 많은 관심이 필요한 프로젝트~!~! zk-SNARK, optimistic rollup를 사용하여 private 아토믹 스왑을 구현한다. UI가 수정될 부분은 다음과 같다. Git https://github.com/zkopru-network/zkopru GitHub - zkopru-network/zkopru: Ethereum L2 scaling solution for private transactions using zk-SNARK and optimistic rollup. Ethereum L2 scaling solution for private transactions..

삐가 댕에게 편지를 썼다. "Hey, Daeng! I'm Bbi. Let's Meet at 4 o'clock" "댕아 나랑 네시에 만나자 -삐" 삐는 댕과 만나는 것을 아무에게도 알리고 싶지 않았다. 지금이 2시반이었기 때문에 삐는 빨리 댕에게 편지를 보내야 했다. 삐는 지우고 다시 편지를 썼다. "KHB, GDHQJ! L'P EEL. OHW'V PHHW DW 4 R'FORFN" 알파벳을 세글자씩 미루어 쓴 문장이다. 음 이정도면 됐겠지?! 하고 생각했지만 아주 큰 착각이었다. 삐와 댕의 중간에 사는 구가 그 편지를 낚아채 삐와 댕이 4시에 만난다고 동네방네 떠들고 다녔다. 삐는 분했다... 삐는 시간을 좀 투자하더라도 다른 방법을 찾기로 했다. 삐가 사용한 암호화 방식은 약 기원전 100년경에 만들어져..

XOR 연산자 데이터를 암호화하는 데 사용되며 무차별 대입 방식, 올바른 암호 텍스트와 일치하는 임의로 지정한 key를 생성한다. 배타적 논리합을 연산(일반적으로 같으면 1, 다르면 0 인데 반대의 결과를 도출하기 때문에 "배타적"이라고 하였다.) 비트의 값이 다르면 1, 같으면 0을 연산하므로 특정한 비트를 반대로 만드는 원리이다. 암호화 데이터 a 1011000 11110000 00010101 XOR 값 0010101 01101010 11101010 -------------------------------------- 결과 1001101 10011000 11111011 복호화 암호문 b 1001101 10011000 11111011 XOR 값 0010101 01101010 11101010 ------..

배열 데이터를 map으로 꺼낼 때 key={ } 에 props로 index를 꺼내서 넣어주면 된다! { ARRAY.map((item, index) => { //뭐시기~ }) }

horizontal={true} 속성 추가 return ( // )

css 속성 하나만 바꿀 경우 1. interface에서 사용할 props의 타입을 정의해주고 2. 사용할 styled component를 정의하는 부분에서 조건식을 적용할 Props를 넘겨준다. 3. 렌더링 부에서는 상태 함수와 클릭 이벤트 함수를 정의하고 컴포넌트를 리턴할 때 props에 상태값을 넘겨준다. //SelectedBtnPag.tsx interface SelectedProps { isSelected: boolean } const SelectedBtn = styled.Pressible` justify-content: center; align-items: center; color: ${({ isSelected }) => isSelected ? 'red' : 'black' } ` const Se..

styled component와 styleSheet 두 가지 방법 중 프로젝트에서는 styled component를 사용하기 때문에 아래와 같이 사용하였다. const StyledText = styled.Text` text-shadow-color: black; text-shadow-offset: 0px 4px; //그림자 위치 text-shadow-radius: 3px; //흐림 효과 정도 `

https://reactnative.dev/docs/imagebackground ImageBackground · React Native A common feature request from developers familiar with the web is background-image. To handle this use case, you can use the ` component, which has the same props as `, and add whatever children to it you would like to layer on top of it. reactnative.dev source 경로는 require로 Image 태그와 같이 설정해주면 되고 이미지 비율은 resizeMode props로..

원래는 AppContainer 하위에 map으로 돌린 컴포넌트밖에 없었는데 AppContainer 안에 map 돌린 컴포넌트 바로 위에 컴포넌트를 하나 더 추가했더니 다음과 같은 오류가 발생하였다. https://stackoverflow.com/questions/58311442/type-element-is-missing-the-following-properties-from-type-element-type Type 'Element[]' is missing the following properties from type 'Element': type, props, key I have the standard arrow map ES7 function with Typescript and React environmen..