[TIL] Dart 기본 문법 _ 함수, Class

해당 포스팅은 다양한 자료를 통해 학습한 내용을 바탕으로 정리한 글입니다 함수void main () { }일반적으로 Dart에서 함수는 위와 같은 형태를 가지고 있다.javascript에서 function main () { } 과 비슷한 형태 구조를 가지고 있는데함수 앞에 있는 void는 해당 함수가 아무것도 반환하지 않는다는 것을 의미한다.만약 해당 함수가 어떤 반환값을 가지고 있다면 해당 데이터의 타입에 맞게 작성해주어야 한다. int num (int a, int b) { return a+b;}함수의 파라미터 자리에는 위와 같은 방식으로 입력할 수 있는데,이 때도 각 파라미터에는 해당 파라미터의 타입을 입력해주어야 한다. positional parameterString introduce (Strin..

• format_list_bulleted Stack/Dart & Flutter
• · 2025. 5. 10.
• textsms

[TIL] Dart 기본 문법 _ 변수, 타입, 연산자

해당 포스팅은 다양한 자료를 통해 학습한 내용을 바탕으로 정리한 글입니다. 변수변수 선언하기var name = "우믑";Dart 언어는 위와 같이 변수를 생성하고 초기화한다.Dart 언어에서는 변수의 타입을 지정해줘야 하는데,var로 선언한 변수의 경우 해당 변수의 타입을 미리 지정하지 않고 값이 할당 될 때해당 값의 타입으로 변수의 타입이 추론된다. String name = "우믑";변수를 선언할 당시 해당 변수의 타입을 지정하고 싶을 때는var 대신 해당 변수의 타입을 지정해서 선언할 수 있다. var name;String title; print(name); // nullprint(title); // error변수를 선언할 때 곧바로 값을 할당하지 않아도 되는데,var로 선언한 변수..

• format_list_bulleted Stack/Dart & Flutter
• · 2025. 5. 9.
• textsms

[React_Library] 간편하게 적용하는 drag & drop (hello-pangea/dnd)

이미 다양한 웹에서 너무나도 익숙하게 사용하고 있는 기능이 있다.순서가 있는 여러 리스트에서 마우스로 특정 요소를 끌어서 순서를 원하는대로 변경하는 기능이다. 사실 굳이 마우스를 이용해서 끌고 놓고 하지 않고 버튼을 이용해서 순서를 바꾸는 방식으로 간단히 구현할 수 있다.리스트 순서 변경하기 (기본편)구현 환경 : React, Typescript, MUI, emotion (css) 우선 내가 해당 기능을 구현할 때 고려했던 환경에 대해서 그림과 함께 알아보자 화면에 보여지는 리스트가 있고, 해당 리스트의 순서를 변경할 때는 모달을 띄워서 순서를 변경하도록 했다.그래서 보여지는 리스트는 그대로 있고, 모달 안에서만 순서 변경이 이루어져야 했다.그 이후 '저장' 버튼을 누르면 변경된 순서가 리스트에 반영이 ..

• format_list_bulleted Stack/REACT
• · 2025. 4. 4.
• textsms

[React_Library] 휠 스크롤 날짜 선택 라이브러리, 하지만 직접 구현하는 방법을 곁들인 (react-simple-wheel-picker)

아이폰에서 볼 수 있는 기본 UI 중에 스크롤로 날짜를 선택하는 UI가 있다.앱 환경에서는 기본 UI로 불러올 수 있어서 이런거에 대해 UI 생각을 크게 하지 않겠지만이걸 웹에서 구현하려고 하라는 미션을 받아 옙!을 외치고 바로 라이브러리를 찾아봤다.  사막에서 오아시스를 발견했지만 신기루였다 npm에는 달력과 연관된 라이브러리는 상당히 많이 있다.react-date-picker / react-day-picker 등 여러 라이브러리가 있는데 내가 세운 조건에는 부합하지 않았다. - 스크롤을 통한 연 / 월 선택- 스크롤이 멈춘 위치의 값을 자동으로 선택- 해당 컴포넌트를 열었을 경우 선택했던 값이 컴포넌트 중앙으로 위치하기 위와 같은 조건들이 충족되는 라이브러리를 찾기 쉽지 않았었는데그러던 중 발견한 라..

• format_list_bulleted Stack/REACT
• · 2025. 3. 31.
• textsms

DNS : ip 주소를 외우지 않아도 되는 이유

지인에게 전화를 걸 때, 가까운 사이거나 자주 통화하는 경우라면 번호를 외워서 걸 수도 있다.하지만 대부분은 연락처 목록에서 통화할 사람의 이름을 검색한 뒤, 통화 버튼을 누르는 방식을 사용한다. 그런데 만약 전화번호 저장 기능이 없어서 매번 번호를 직접 입력해야만 전화를 걸 수 있다고 상상해 보자.지인이 10명 정도라면 그나마 번호를 외울 수 있을지도 모르지만,지인의 수가 더 많아진다면 모든 번호를 기억하기 어려울 것이다. 수많은 웹사이트의 IP 주소 역시 모두 외울 수 없기 때문에우리가 쉽게 웹사이트에 접근할 수 있도록 도와주는 시스템이 있는데 그것을 DNS라고 한다.  DNS란?DNS는 Domain Name System의 약자로 도메인과 ip 주소를 관리하는 시스템을 의미한다.그래서 DNS에서는 도..

• format_list_bulleted CS/Web
• · 2024. 12. 4.
• textsms

CORS 에러 : CORS 에러요? 코스요리는 좋아합니다만?

응애 시절 개발자일 때는 코드 한 줄 한 줄 쳐 내려갈 때마다,그에 따라 내가 작성한 코드가 화면에 잘 나오는 게 너무 좋았는데,그러다 시뻘건 글자로 갑자기 공포감을 조성하는 에러 메시지를 볼 때마다 상당히 두려운 마음이 앞섰다. 혹자는 개발을 하다가 에러를 마주하면 오히려 즐겁다라고 하는 변태적인 성향을 드러냈었는데최근에 나 역시 조금씩 에러가 좋아지고 있는걸 보면, 개발자는 다 그런가 보다. 아무튼 이번에 얘기해 볼 에러는 주니어 개발자 시절이라면 한 번쯤 겪어봤을 그 에러CORS에러에 대해서 알아보려고 한다.  CORS란?CORS는 Cross-Origin Resource Sharing 이라는 단어로 이루어진 축약어다.단어를 풀이해 보자면 '교차 출처 리소스 공유 정책'이라고 해석할 수 있다.여기서 ..

• format_list_bulleted CS/Web
• · 2024. 12. 2.
• textsms

특정 텍스트 clipboard에 복사하기 : 사파리 환경은 또 다르다고

게임 이벤트 쿠폰을 입력하거나, 어떤 이벤트의 추천인을 입력하는 등의 다양한 이벤트가 있다.이때, 쿠폰 번호나 추천인 아이디 같은 특정 텍스를 버튼 하나만 눌러서 복사가 되도록 하는 기능이 있다.보기엔 간단해 보이는 이 기능을 실제로 어떻게 구현하는지 알아보자.  라떼는 execCommand였다 이거야기존에는 document.execCommand('copy')를 이용해서 특정 텍스트를 클립보드에 복사했다.여기서 볼 수 있는 execCommand 메서드는 선택된 요소에 대한 다양한 행동을 할 수 있게 해주는 메서드다.그래서 해당 메서드는 웹 에디터를 구현할 때 많이 쓰였다.해당 메서드에서 사용할 수 있는 여러 옵션 중 copy라는 옵션은 선택한 텍스트를 클립보드로 복사하게 해주는 옵션이다. function..

• format_list_bulleted Stack/JS
• · 2024. 12. 2.
• textsms

input 태그의 inputmode 속성 : 가상 키보드 타입 지정하기

모바일 환경에서 특정 값을 입력해야 하는 상황이 있다고 하자. 예를 들어 회원가입을 한다고 가정했을 때, 각 input 별로 작성해야 하는 데이터가 차이가 있을 것이다.아이디나 비밀번호의 경우 문자 형식의 데이터가 입력되어야 하고,전화번호를 입력하거나 생년월일을 입력하는 경우 숫자 형식의 데이터가 입력되어야 한다. 이런 상황에서 해당 input을 누르면 가상 키보드가 등장하게 되는데,문자 입력이 필요한 상황이라면 글자 입력 자판을,숫자 입력이 필요한 상황이라면 숫자 입력 자판을 띄워서사용자가 조금 더 편하게 사용할 수 있도록 설정할 수 있게 해주는 것이 오늘 알아볼 inputmode 속성이다.  inputmodeinput 태그에는 여러가지 속성이 있다.대표적으로 type이라던지 placeholder라던지..

• format_list_bulleted Stack/HTML
• · 2024. 12. 2.
• textsms

처음 배우는 플러터 앱 개발 : 플러터를 찍먹 해보자

아직은 시기상조라고 얘기하는 사람도 있고, 지금 당장 시작해야 한다고 하는 사람도 있는데,비트코인이 다들 의견이 분분한 상황일 때 누군가는 시작했고, 누군가는 시기상조라고 했다.플러터에 대한 의견이 분분한 지금, 그 기회가 아닐까? 어차피 개발 공부는 하면 할수록 이득이지 손해가 되는 건 아니기 때문에찍먹이라도 해보자는 의미로 책 하나 파보려고 한다. 처음 배우는 플러터 앱 개발 - 아이폰 | 쿠팡쿠팡에서 처음 배우는 플러터 앱 개발 구매하고 더 많은 혜택을 받으세요! 지금 할인중인 다른 아이폰 제품도 바로 쿠팡에서 확인할 수 있습니다.www.coupang.com 해당 책의 제목이 [ 처음 배우는 플러터 앱 개발 ]이기에 플러터를 처음 접해보는 개발자를 대상으로 한 책인가 싶었는데책의 내용을 보면 ..

• format_list_bulleted Personal/Book
• · 2024. 11. 29.
• textsms

데이터 타입 | null과 undefined : 코어 자바스크립트 씹뜯맛즐 하기

지난 데이터 타입 포스팅에서 모든 것을 끝내려고 했지만 분량 조절 실패로두 번에 나눠서 데이터 타입을 맛보고 있다.과식하지 않고 적당히 나눠서 배부르게 맛보자.  null과 undefined지난 포스팅에서 null과 undefined도 기본형 데이터에 포함되는 것을 봤다.그렇다면 변하지 않는 값을 가지고 있다는 건 알겠는데,null과 undefined는 자바스크립트에서 '없다'라는 의미를 갖는다.둘 다 없는데 뭐가 차이가 있다는 걸까? 그걸 한번 알아보자. 아기들은 숨바꼭질 할 때 자신의 눈만 가리면 숨었다고 생각한다.부모의 입장에서 바라보면 분명 있는데 없다고 여긴다.부모가 우리 개발자라고 하면 아기가 변수라고 하면없다고 여기는 건 null, 정말 없는 건 undefined라고 할 수 있겠다. 조금 더..

• format_list_bulleted Stack/JS
• · 2024. 11. 21.
• textsms