# overflow

Solidity ^0.8.0 - Underflow, Overflow 그리고 unchecked{…} 키워드
https://docs.soliditylang.org/en/v0.8.21/080-breaking-changes.html Solidity 0.8.0의 변경점에 대해 번역을 진행하고 Hardhat, Ethers.js, Typescript를 통해 이해하기 쉽도록 작성하였습니다. Slient Changes of the Sematics - 1 컴파일러가 사용자에게 알리지 않고 기존 코드의 동작이 변경되는 변경사항이 나열되어 있습니다. 시리즈로 작성하겠습니다. Underflow, Overflow 그리고 unchecked{…} 키워드 Solidity 0.8.0에서 산술 연산은 Underflow, Overflow에서 revert 됩니다. 하지만 unchecked{…}를 사용하면 이전 wapping 동작을 사용할 수 있습니다. Overflow 검사는 매우 일반적이므로 가스 비용이 약간 증가하더라도 코드의 가독성을 높이기 위해 기본값으로 설정했습니다
[CSS] 넘치는 텍스트 표시
텍스트가 너무 길어서 해당 요소의 너비를 초과할 때 "..."으로 대체하기! 다음 조건이 충족돼야 함 너비 설정 white-space: nowrap 공백의 줄 바꿈을 방지하고 한 줄로 처리 overflow: hidden; 요소의 경계를 벗어나는 콘텐츠를 숨김 처리 text-overflow: ellipsis; 잘라지는 부분에 말 줄임표 표시 CSS 문법 사용: Tailwind CSS 문법 사용:

Integer Overflow
Integer Overflow 알고리즘 문제를 풀다보면 언제나 잊을만 하면 겪게되는 문제가 Integer Overflow 입니다. 종종 발생하지만 직접 찍어보지 않으면 직관적으로 찾기 힘들어서 더 힘들게 하는 문제인데요. 오늘은 이러한 Integer Overflow가 어떻게 일어나는 것인지 한번 정리해보려 합니다. 위와같이 정수 범위를 넘어가는 값을 처리할 때 Integer Overflow가 일어난다는 사실은 알고 있지만, 정확히 어떠한 과정으로 갑자기 양수에서 뜬금없는 음수값으로 변화하는 것일까요? 과정은 생각보다 간단합니다. 컴퓨터는 정해진 연산만을 하

[ Flutter ] Widget Overflow 오류 직관적으로 해결
Flutter로 애플리케이션을 개발하다 보면 자주 마주치는 오류가 있습니다. 바로 Widget Overflow 오류인데요. 만약 해당 부분이 꼭 필요하다면 다른 방법을 통해서 직관적으로 해결이 가능합니다. 바로 Expand widget이나 ListView widget 또는 SingleChildScrollView를 사용하는 방법입니다. 개인적으로 Expand 보다는 ListView, SingleChildScrollView를 추천드립니다. 왜냐하면 Expand를 사용하면 화면에서 Overflow가 되어도 그대로 냅두지만 ListView나 SingleChildScrollView를 사용하면 늘어난 만큼 스크롤할 수 있기 때문입니다. > ## Expand 기본 사용법 > ## ListView 기본 사용법 > ## SingleChildScrollView 기본 사용법

OverFlow
1. Stack Overflow > - 한정된 메모리 안에서 stack 영역이 너무 많이 확장돼서 발생하는 버그 2. Stack Buffer Overflow > Stack에 위치한 버퍼에 버퍼의 크기보다 많은 데이터가 입력되어 발생하는 버그 100ml 컵에 200ml 물을 받으면 넘치는 것과 같은 원리 buffer 뒤에 데이터를 덮어 씌워서 중요한 데이터 변조가능 > 2.1. Buffer? Buffer란 데이터가 목적지로 이동되기 전에 보관되는 임시 저장소 처리 속도가 다른 두 장치의 완충 작용을 함 3. Stack Buffer Overflow 실습 3.1. stack buffer overflow >* 실습자료(dreamhack) check_auth 함수에서 strncpy 함수를 통해 temp버퍼를 복사할때, 16byte가 아닌 인자로 전달된 password의 크기만큼 복사함 -> 오버플로우 발생 > 
gitflow, workflow
📒 목차 > 📌 gitflow란? 📌 workflow란? 📌 gitflow란? Git Flow는 Git으로 형상관리를 할때 브랜치를 효율적으로 관리하기 위해 사용하는 브랜치 관리 전략(Branch management strategy)이다. ✅ gitflow를 사용하는 이유? 그렇다면 이러한 브랜치들을 굳이 전략까지 세워서 관리를 해야될까? 프로젝트 규모가 작거나 혼자서 개발을 할 경우 branch? 아니 master에서 그냥 작업해서 배포해도 상관없을 것이다. 하지만 프로젝트의 규모가 커져서 팀원이 늘어났을 경우 누군가는 하루 종일 conflict를 해결해야 하며, 이슈가 발생했을 때 개발한 코드를 다시 되돌리고 이러한 과정에서 개발을 멈춰야 되는 불편함이 있다. 물론 회사마다 프로젝트를 효율적으로 관리를 하는 방법이 있겠지만, 위와 같은 과정들을 최소화하고 형상관리를 효율적으로 하기 위해 생겨난 전략이다. ✅ gitflow의 종류 G

[Tailwind] overflow 두줄 이상 적용 / 클래스 customizing
클론코딩을 진행 중에 text overflow 속성을 적용해야 했고, 한 줄이 아닌 두 줄 처리를 해야 했다. 구글링 중에 아래와 같은 css 속성을 적용해야 한다는 것을 알게 됐지만, tailwind를 사용할 때는 webkit 속성을 적용할 수 없었다. 새로운 클래스로 customizing 하여 적용할 수 있다. tailwind.css 위 파일을 생성해 사용하려는 곳에서 import 해주면 적용된다.
[17] 04/11 자바스크립트 수업
RGB **color: rgb ( red, green, blue ) 색깔의 범위 : 0 ~ 255 ** cursor 마우스 포인터 형태를 바꿈 콘텐츠 + 보더 + 패딩 + 마진 box-size : border-box 박스의 요소에 관계없이 지정한 사이즈 만큼 박스 크기를 조절함 블록레벨 태그와 인라인레벨 태그 (display) 본인의 분량에 상관없이 화면 전체의 가로폭을 다 차지하는 태그. 그렇기 때문에 각 태그별로 다른 줄에 작성된다. 종류 : h, p, div, ul ol li 내용만큼만 영역을 차지하는 태그. 그래서 같은 한 줄에 여러개의 인라인레벨 태그가 올 수 있다. 종류(자주쓰는거) : a, span, button, label, input overflow : 튀어나온 div요소를 제어하는 태그
rust
참고자료 https://doc.rust-lang.org/book/ https://rinthel.github.io/rust-lang-book-ko/ rust의 특징 compile 과 run 의 분리 기본적으로 compile과 run은 개별적인 단계이다. 컴파일이 성공적으로 되면, 러스트는 실행가능한 바이너리를 출력한다. ownership 의 존재 rust의 가장 큰 특징이라고 할 수 있는 소유권개념은 러스트가 가비지 콜렉터 없이 메모리 안정성 보장을 하게 해준다. 자세한 내용은 향후 진도를 통해 학습한다. hello, world ! hello world 출력함수를 작성한 뒤 위에서 언급한 compile과 run을 하게되면 해당내용이 정상적으로 출력 되는것을 확인할 수 있다. Variables and Mutability - 변수와 가변성 Immutabale rust의 변수는 기본적으로 immutabl
[CSS] 박스 모델(2) 2-7
border 속성 border 속성을 사용하면 요소에 테두리를 줄 수 있다. 선의 굵기와 스타일, 그리고 색을 다양한 값으로 줄 수 있다. ex) border: 2px solid black / 0.5em dashed #ccc 등 box-sizing 속성 너비와 높이 값에 padding과 border 값을 포함시킬지 결정한다. box-sizing: content-box width값 = 컨텐츠만! 문장이 시작되어서 끝나는 곳까지의 간격. padding값, border 값 제외! box-sizing: border-box width값 = padding값 + border값 border-radius 속성 각 모서리를 둥글게 하는데 사용. ex)2em, 50%, 24px 0 등 방향별 border 설정 border-top/bottom/left/right overflow 속성 부모 요소보다 자식 영역이 더 클 때 어떤 식으로 처리해줄지를 결정하는 것

✏️ 프로젝트 진행 중 새로 배운 것
✅ Role > alt 와 유사한 속성을 가졌습니다. alt 는 우리가 볼 수 있는 상황에 오류로 인해 이미지를 보지 못하였을 때 텍스트로 알려주는 기능이라면 role은 시작 장애인처럼 사진을 볼 수 없는 사람이 인식할 수 있도록 도와주는 역할을 합니다. ✏️ 사용법 |문법|설명| |-|-| |role = "alert"|중요한 내용 및 정보가 있는 곳 또는 정보가 변경된 곳| |role = "article"|웹페이지의 내용이 들어간 곳| |role = "banner"|배너가 있는 곳| |role = "contentinfo"|안내가 있는 부분| |role = "heading"|페이지 머리말 부분| |role = "img"|이미지가 있는 곳| |role = "navigation"|메인,서브 메뉴가 있는 곳| |role = "menuitem"|메뉴 옵션이 있는 곳| |role = "exmple"/"form"|폼 양식이 있는 곳| ✅ Overflow > 요소
[Flutter] Text maxLines, overflow 설정하기
게시판 리스트 작성시 제목 최대 출력 라인을 설정할 수 있으며 maxLines 값으로 설정할 수 있다. 그리고 줄 초과시 마지막에 '...' 으로 표시하고 싶을때는 overflow에 TextOverflow.ellipsis 속성을 주면 된다.
INT Overflow(정수 오버플로우)
아래 코드를 보고 문제점이 무엇인지 알 수 있는가? C 코드의 정수형 int의 범위는 다음과 같다. 4 Bytes를 기준으로 하여, 아래의 범위에 해당한다. 대략 -20억에서 20억까지. int 범위 (4 Bytes) : –2,147,483,648 ~ 2,147,483,647 int 범위를 알기 때문에 int를 선언하고 변수 자체에 20억이 넘는 값을 넣는 경우는 드물다. 다만 int 변수를 long long 등의 변수로 변환해야 하는 경우에 아래와 같이 문제가 발생할 수 있는데, 그 이유는 연산의 순서와 관련이 있다. int형 변수 x int형 변수 값은 일단 int형변수로 관리된다. 즉, (long long)(int형 변수 x int형 변수)로 형변환 이전에 이미 int overflow가 일어난다는 이야기. 따라서 int형 변수끼리의 곱셈에는 주의가 필요하다. [백준 12016 라운드 로빈 스케줄러](https://www.acmicpc.net/proble

게시판 만들 때 긴 텍스트 자연스럽게 연결하기
1. white space : nowrap 이걸 적용 안하면 밑의 아이들도 적용 안됨 왜냐면 밑의 공간이 있다면 줄바꿈이 되어서 밑의 스타일을 적용 안해도 된다고 생각하거든 2. over-flow: hidden 줄바꿈이 안되니까 텍스트가 넘어갈거니까 그걸 hidden으로 숨겨줌 3. text-overflow : eliplis 그냥 hidden만 하면 글자가 잘려보이고 그러면 이상하니까 뒤에를 ... 이렇게 나오도록 만들어준다

[CSS] float와 BFC
float란? 한 요소가 보통의 흐름으로부터 빠져 텍스트 및 인라인 요소가 그 주위를 감싸는 자기 컨테이너의 좌우측을 따라 배치하는 것 즉, 부모요소 내부에 존재하지 않는, 컨텐츠 자체를 독립적인 요소로 만드는 CSS 프로퍼티이다. 위의 그림과 같이 텍스트가 사진을 감싸도록 보이게끔 만들어주는 속성이다. 하지만, 실제로는 보라색 박스 위에 초록색 박스의 이미지가 존재하고, 텍스트는 옆으로 밀렸다고 보면 된다. 위 사진과 같이 3차원적인 시선으로 보면 이해가 편하다. 아래의 영상을 확인하고 온다면 이해하기 훨씬 편할 것이다. > h

[컴퓨터 네트워크] OverFlow
OverFlow OpenFlow는 SDN에서 controller와 라우터간에 이용하는 인터페이스 기술 중 하나로, 네트워크를 통해 네트워크 스위치 또는 라우터의 전달 평면에 대한 액세스를 제공하는 통신 프로토콜이다. 네트워크 컨트롤러가 스위치 네트워크에서 네트워크 패킷의 경로(전달 테이블)를 결정할 수 있도록 해준다. 즉 서버가 라우터한테 라우터의 forwarding table를 전송하기 위해서 필요한 프로토콜이다. 📌 OpenFlow data plane 흐름 테이블 항목과 일치하지 않는 패킷은 추가 처리를 위해 원격 컨트롤러로 전송 또는 삭제된다. (DPI: deep packet inspection, 심층 패킷 검사) header의 flow field에 의해 OpenFlow가 정의된다. 패킷의 header fields의 값들을 매치해서 어떠한 Pattern을 만들어준다. 매치가 된 패킷에 대해서 특정한 Action(forwarding, drop,

[Flutter] shader overflow 문제
발단 플러터 개발을 하던 중 paint에 shader를 넣어줬더니 width overflow가 발생했다. 사진 버그 버그 정상적인 모습 해결 과정 추측 처음에는 path를 잘못 만들거나 shader를 잘못 사용한줄 알았다. 이렇게도 써보고 저렇게도 써보며 얘네가 문제가 아니라는걸 알아버렸다. 디버그 Custom paint 위젯의 paint는 하드웨어 디코딩으로 실행되므로 에러가 발생해도 터미널에 에러가 뜨지 않는다 로 실행 해주자 해결 
Front-end 국비지원 #013일
HTML / CSS Display [복습] Inline 요소 / Block 요소 블록요소 > 블록요소의 종류 dt, dd, ul, li, ol, dl, div, p, h1, h2, h3, h4, h5, h6 블록요소는 모든 인라인 요소를 포함할 수 있으며, 블록요소도 포함할 수 있다. 또한, 너비(width), 높이(height), 안쪽 여백(padding), 바깥 여백(margin)으로 레이아웃 수정을 할 수 있으며, 블록요소가 끝나는 지점에서 자동으로 줄바꿈이 된다. 인라인요소 > 인라인요소의 종류 a, img, span, srong, input, textarea, select 인라인 요소는 다른 인라인 요소를 포함할 수 있으며, 기본적으로 컨텐츠가 끝나는 지점가지 넓이를 가지게 된다. 또한, 너비(width), 높이(height)를 조절할 수 없으며, line-height(높

Front-end 국비지원 #011일
HTML / CSS 반응형 페이지 레이아웃01 > 반응형 웹 디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 웹페이지. reset.css 적용 css파일에 reset.css (여백, 불릿, 폰트 초기화 등 )파일을 넣고 css에서 @import url('reset.css'); 를 적용한다. 창크기가 줄어들어도 가로로 스크롤이 생기지 않고 설정한 비율을 그대로 유지한다. > HTML 구성 > CSS 구성 반응형 페이지 레이아웃02 >창크기를 줄이면 오른쪽 3개의 메뉴중 3번째 메뉴가 하단으로 맞춰지는 반응형 레이아웃 ![](https://velog.velc