[21.03.31] 모각코 수요 스터디(온라인) about wednesday_salon

[ds2lvg]

참석

• 블록체인 관련 공부(자세한건 한일에 작성)

[wacilpong]

참석

오늘 할일

1. 알고리즘 산책 7.5챕터부터 공부 무조건 오늘은 꼭 하기
2. 모던 자바스크립트 deep dive 슬렁설렁 읽기
3. 집중 잘 안되면 함수형반응형프로그래밍 책 읽기

[nikaidouuu]

참석

• 웹 성능 최적화 기법 4장부터 읽기

[ds2lvg]

한일

Solidity와 Smart contract

• 작성한 Solidity를 컴파일 하면 Bytecode 생성
• Bytecode를 Blockchain에 올려 Smart contract 작동
• Blockchain에 올라간 Bytecode는 누구나 조회 가능
• Blockchain에 올라간 Smart contracts는 Transaction 단위로 수행
• A라는 contract에 F라는 함수가 있고 Blockchain상에서 수행시키고 싶다면 Transaction("A contract의 F함수 수행") 만들어 Blockchain에 요청

기본 문법

• address라는 자료형이 존재
• 소수점 사용 X

Contract 구조

• Class와 비슷한 구조
  • State varibles: Contract Storage에 저장되는 값들
  • Fuctions: Contract 로직 수행
  • Events: 로직이 수행됬음을 이벤트를 발행(emit)해서 알림
  • Modifiers: 함수 수행 전 동작해야 할 내용 구현

contract SimpleStorage {
	uint256 storedData; // State variable
	event dataSaved(uint256 data); // Event

	modifier onlyOwner() {
	}

	function storeData(uint256 data) public onlyOwner {
		storedData = data;
		emit dataSaved(data); // Triggering event
	}
}

[wacilpong]

한것

알고리즘 산책 드디어 다읽었으나 뇌터 나오는 부분은 솔직히 스킵함....

• 수학자 스테빈, 뇌터 대수학 나오는 부분은 그냥 쉴때 슬슬 읽어볼 예정
• 정리한 거 포스트 작성함

js deep dive 생성자, 프로토타입 챕터 읽음

• 생성자 함수 내부에서는 return문을 반드시 생략해야 한다.
• 생성자 함수는 암묵적으로 this를 반환한다.
• 원시값을 return해도 무시하고 this를 반환한다.
• 객체를 return하면 this가 아닌 해당 객체가 반환된다.
• 따라서 this가 아닌 다른 값을 명시적으로 반환하면 기본 동작이 훼손된다.
• 프로토타입 체인은 프로퍼티를 한방향으로만 검색해야 하므로, 단방향 연결 리스트로 구현되어야 한다.
  • 자바스크립트는 객체의 프로퍼티(메서드 포함)에 접근하려고 할 때 해당 객체에 접근하려는 프로퍼티가 없으면 [[Prototype]] 내부 슬롯의 참조를 따라 자신의 부모 역할을 하는 프로토타입의 프로퍼티를 순차적으로 검색하는데, 이것이 프로토타입 체인이다.
  • 프로토타입 체인은 자바스크립트가 객체지향 프로그래밍의 상속을 구현하는 메커니즘이다.

[nikaidouuu]

한 일

https://www.notion.so/4-4ca803cd22ad4ff1bdd83bae82d46f92

• 간단한 이미지일 경우 제플린에선 JPEG랑 PNG 파일 크기가 비슷한데 제플린 측에서 JPG 품질 값을 100으로 결정하는 건가?
• 자랑스럽게도 우리 프로젝트는 압축을 전혀 하지 않는다! 다음번엔 하자..
• 손실 압축 기법이 일반적인 프로덕트에서 할 수 있는 마지노선인듯.. imageMagick 라이브러리를 활용해 손실 압축할 때와 tinyPng에서 손실 압축할 때가 어떤 차이점이 있을지 한번 돌려봐야 할 듯.
• 뒤에는 좀 더 실무적인 내용같은데 빨리 읽자..

[bluelion2]

참석

• 방통대 HTML 웹 프로그래밍 - HTML 입력 방식 강의 듣기

[bluelion2]

한일

• HTML input, label, form 태그들을 쓰면서 몰랐던 속성들에 대해 알게되었다.

1. Form

• method="get" 또는 "post"로 지정할 수 있다.
  • get으로 보내는 경우 url에 정보를 담아서 보냄 www.naver.com?name=강승훈&age=33 / 최대 2048자
  • post로 보내는 경우 header에 담아서 보냄 / 보내는 길이에는 제약이 없음

2. Input

• type의 종류가 다양하다.

몰랐던 것들 정리

• color: color를 선택해서 값을 줄 수 있음. -> string - rgb() 값으로 줌
  

• Image : 해당 이미지를 제출버튼으로 쓸 수 있음

• label

  • input의 레이블 정의
  • 태그 내에서 를 통해서 input의 포커싱을 맞출 수 있음.

  

• Date

  • date, month, week 를 타입으로 줌으로써 날짜값을 받을 수 있다.
    

• datalist

  • select 태그와 비슷하게 input에 대한 옵션 목록을 지정할 수 있다.
  • 브라우저마다 디자인은 조금씩 다름
    

3. textarea

• 여러줄의 텍스트를 입력할 수 있다.
• cols, rows 의 옵션을 통해 가로 또는 세로의 텍스트 영역을 지정할 수 있다. (벗어나면 스크롤)