본문 바로가기

IT

select tag option 선택 시 form submit 보내기 2021. 6. 18. ++ 서론 더보기 프론트 단에서 서버로 데이터 통신이 필요할 때, 라우터 요청을 보내는 태그 내에 가 있고 그 안에 가 있고, 그 중 하나를 선택하고 나서, 최종적으로 input으로 ( 또는 button으로 ) submit를 하는 것이 일반적인데, 이번에 구현하는 서비스에선 의 이 선택되자마자 서버로 데이터 통신이 되어야했다 때문에, submit을 해줄 이나 태그가 없는 상태에서 js를 쓰는 방법으로 하려다 검색으로 좋은 코드를 찾게되어 공유한다ㅏㅏㅏㅏ 방법은 아래와 같다! 저렇게 박스 내에 onchange 메소드를 넣어주고, 현재 가 포함되어있는 태그의 submit이 되게끔 한다! ( 내 생각에 저렇게 했을 때 문제점이 있다면, 너무 자주 데이터 통신이 일어난다는 점? 만약 통신에서 가져오는 DB용량이..
쿠키와 세션 2021. 6. 16. 해당 글의 출처는 가장 아래에 있습니다ㅏㅏㅏㅏ ++ 서론 더보기 코드 구현 시에 쿠키와 세션을 구분해야 할 경우가 생겼다 하지만, 그 둘에 대해서 잘 알지 못해 한번 정리하고 넘어가기로 했다! 먼저, 쿠키와 세션이 존재하는 이유부터 보자 우리가 인터넷에 접속해서 정보를 교환하기위해 사용하는 HTTP는 무연결성, 무영속성의 특징을 가지는 프로토콜이다 ( 무연결성, 무영속성은 데이터베이스의 상태를 떠올리면 될 것 같다ㅏㅏㅏ ) 여튼 이러한 약점을 보완하기 위해 세션과 쿠키가 등장한다! 쿠키런? 쿠키 는 브라우저( 로컬 )에 저장되는 작은 데이터 파일이다 사용자 인증이 유효한 시간을 명시할 수 있고, 유효시간이 정해지면, 브라우저가 종료되어도 인증이 유효하다! 쿠키의 양, 구성요소, 동작방식 이러한 쿠키의 용..
<button> default style 제거 방법 2021. 6. 8. button을 커스텀 할 때, 모오오옷생긴 네모 박스가 늘 따라붙는다! 없애보자ㅏㅏㅏ!! button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; // 뒷 배경을 부모와 같게 맞춰줌 }
Laravel 개발환경 구축 2. ngnix 설정 파일 바로가기 생성하기 2021. 6. 2. 처음 homestead larabel 개발 설정을 할 때, 내가 띄우고 싶은 프로젝트의 폴더 파일이 아닌 기본 라라벨 파일만 떴었다 그 이유는, ngnix의 설정 파일만 만들어두고, 그 설정들이 반영되는 바로가기를 만들지 않았기 때문이었다 이를 이해하기 위해서, 먼저, nginx의 사용법과 폴더 구조를 보자 nginx의 사용방법 중에는 sites-available과 sites-enabled로 가상 홈페이지를 관리하는 것이 있다 nginx 폴더 정의 sites-available/ nginx 설정을 저장하는 곳 여기에 설정을 만든 것은 실제로 nginx 에 반영되지는 않는다 반영하기 위해서는 sites-enabled에 설정파일을 복사 또는 심볼릭 링크(바로가기)를 걸어주어야 한다 sites-enabled/ ..
CA(계약 계정)는 Instance인가? [ 스마트 컨트랙트 ] 2021. 6. 1. 이제 이더리움 키, 주소는 대강 알겠는데, ( 내가 제대로 아는거 맞겠지..? ) 이더리움 계정의 계약 계정(CA)는 스마트 계약이 블록체인에 배포될 때 생성된다 이 구절을 보고 의문이 생겼다 배포될 때 생성되고 쓰여지면, 계약 계정은 스마트 컨트랙트에 적힌 코드가 실행되면서 만들어지는 스마트 컨트랙트 내부 코드의 Instance인건가?? 계약 계정은 어디서 어떻게 생성되서 쓰이는걸까?? ㅎㅎ 아직 스마트 컨트랙트에 대한 이해가... 부족하다 ㅠㅠ 때문에 오늘은 스마트 컨트랙트와 계약 계정에 대해 공부를 해보쟈ㅑㅑ 먼저, 계약 계정의 주요기능을 살펴보면, 다른 계정과 이더를 송수신하고(EOA와 동일) 관련된 코드를 담고(EOA와 다름) EOA나 다른 컨트랙트의 호출을 받아 트랜잭션을 발생시킴 이렇게 3가..
이더리움 주소, 키, 계정의 구성과 역할 이해하기 2021. 5. 31. 해당 글은 본인이 이더리움을 이해하기 위해 글 가장 아래의 출처들을 종합하여 작성되었습니다 정보의 생략 및 오타가 있을 수 있습니다ㅏㅏㅏ 이더리움은 주소, 개인키, 디지털 서명 등을 통해 이더(ether)를 소유하고 통제한다 그리고 키와 주소는 지갑 또는 월렛 ( 지갑 )이라고 부르는 소프트웨어에 의해 생성되고 관리된다 지갑 주소( 이더리움 주소 )의 생성 과정 private Key -> public key -> address 1. private Key 는 HEX 값으로 구성된 64자리의 랜덤값으로 생성 2. 타원 곡선 암호화 알고리즘(ECDSA)으로 private Key로부터 공개키를 생성 3. 마지막으로 공개키를 해싱(Keccak-256) 하여 뒤에서 40자리만 가져온 것이 우리가 사용하는 지갑의 주..
Ethereum(이더리움) 투표 dApp 개발 2 2021. 5. 31. 지난 시간에 스마트 계약의 작성과 배포, 검색까지 진행해봤다 이번엔, 우리의 스마트 계약에 기능을 더 추가해 보자ㅏㅏ 먼저, 1. 선거에 출마할 후보자 리스트 뿌리기 이를 위해 우리는 여러 후보자들과 각 후보자들을 구분시켜 줄 특징을 저장해야한다 각 후보자에게 후보자 번호(id), 이름(name), 득표수(voteCount)의 속성을 부여해보자 그렇게 하기 위해서, 우리가 작성한 Election.sol파일을 아래와 같이 수정해보자 contract Election { // Model a Candidate struct Candidate { // 후보자 한명은 후보자 번호, 이름, 득표수를 가진 구조체로 선언한다 uint id; string name; uint voteCount; } // ... } 후보자 모..
Ethereum(이더리움) 투표 dApp 개발 1 2021. 5. 31. windows에서 이더리움 개발환경 셋팅 다음으로, 본격적으로 프로젝트를 생성해 개발을 시작해보자ㅏㅏ 본 글은 글 맨 아래의 출처를 통해 작성하였으며, 오타 및 실제 코드와의 차이가 있을 수 있습니다ㅏㅏㅏ 먼저, 1. 바탕화면에 프로젝트 폴더 하나를 만들어 준다 해당 폴더에 들어가서 우클릭 후, Git Bash를 실행해준다 dApp 구조 생성에는 Truffle Box를 사용할 것이다 Truffle Box 란? 더보기 dApp 프로젝트 샘플 모음 https://www.trufflesuite.com/boxes Boxes | Truffle Suite Truffle Boxes contain helpful modules for dapp development like, Solidity contracts & libr..

티스토리툴바