'분류 전체보기' 카테고리의 글 목록 (13 Page)

[Flutter/Error] “Bottom Overflow By XX.XX PIXELS”? 해결하기

2022.04.17· 개발/❌ 오류 노트

ListView.builder을 사용해서 구현하다가 본 마주한 에러이다. 리스트를 5개 정도를 만들어서 반복시켰는데 에뮬레이터 화면에 노란 바탕에 위와 같은 에러가 뜬다. ◾ 해결방안 @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('예술체육학과'), centerTitle: true, backgroundColor: Colors.white, elevation: 0, leading: IconButton( icon: Icon(Icons.arrow_back), color: Colors.grey, iconSize: 25.0, onPressed: () {}, ), actions: [ Container..

[220410] TIL

2022.04.10· 개발/📝 TIL

👩‍💻 Today I Learned 📚 ◾ 정처기 시험이 코앞! 정처기 시험이 코앞이다!!! =_ = 플러터 공부하고 이력서 넣고 정신없이 이것저것했더니 어느새 코앞이다!!! 드디어 묵혀두던 책을 오픈했다!!! 오늘 1과목 독파!!!!!!!!!!! 면접준비하면서 봤던 네트워크 , 운영체제 관련 이야기들을 다시 책에서 보니 눈이 핑글도는 느낌... 일주일동안 간단한 요점들을 빠르게 훑으면서 공부하는게 목표다! 다음주는 기출문제로 바바바바박! 공부! ◾ 내일 - 플러터 과제 시작 - 정처기 2과목 독파! - 면접공부

[자바스크립트 ] 2차원 배열 중복 제거하기

2022.04.09· 개발/JavaScript

1차원 배열에서 중복을 제거하는 방법은 다양하다! set, filter, reduce 등 상황에 따라서 다양하게 쓸 수 있는데, 프로젝트를 하다가 배열 중복 제거 할 일이 있었는데, 아무리 이 메소드를 사용해도 해결이 안되는것이다!! ㅠㅠ 1차원 배열하듯이 하면 될 것이라고 생각했는데, 웬걸?!? 아니 set, filter, indexOf 등 메소드를 사용하면 해결할 수 있다. 단지 1차원 배열보다 살짝 코드가 복잡해질 뿐이다. 계속 set으로 시도했었는데....ㅠㅠ....내 시간 ... ㅎ..... 우선, 2차원 배열을 1차원 배열로 만들어줘야한다. let a = [ [1, 2], [3, 4], [5, 6], [3, 4], ]; function arr(_arr) { return [...new Set(_..

React 17에서 React18 - ReactDOM.render와 createRoot

2022.04.07· 개발/❌ 오류 노트

◾ 새로운 리액트 프로젝트를 생성하고 run을 했더니 이런 콘솔창이 떴다. Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot ◾ 리액트 18에서는 ReactDOM.render가 아니라, createRoot를 사용해야 한다고 한다. 그게 뭐지? 라며... 공식문서 보러 고고 - https://ko.reactjs.org/docs/concurrent-mode-r..

[Flutter/플러터] BuildContext 란?

2022.04.06· 개발/Flutter

플러터로 코드를 적어내려갈 때면 계속해서 보게되는 단어, BuildContext ... 그냥 단순하게 context라는 어떤 인자를 받는 메소드라고 생각했는데, 코딩셰프님이 여기에 대한 이야기를 강의를 만드셨다. 여전히 잘 이해는 안 되지만 코딩셰프님의 이야기를 간단하게 요약해보았다 ◾ A handle to the location of a widget in the widget tree 위젯 트리에서 현재 위젯의 위치를 알 수 있는 정보 모든 Widget은 BuildMethod를 가진다. 그리고 그 위젯은 계층 구조를 가지고 있다. Buildmethod는 scaffold를 리턴하는데 context(인자값)을 넣어서 한다. ◾ Each widget has its own BuildContext, which b..

[Flutter/플러터] Drawer menu 만들기!

2022.04.06· 개발/Flutter

◾ 완성모습 앞서 아이콘을 넣어서 만든 메뉴에 햄버거 버튼을 눌렀을 때 사이드로 열리는 메뉴를 만들었습니다! flutter에서는 drawer이라는 것으로 쉽게 만들 수 가 있답니다! ◾ 기본 구성 drawer 을 만들고, 그 안에 자식 위젯(child)으로 ListView를 만들어줍니다. 그 자식 위젯 안에 또 다른 하위 위젯(children)을 생성해줍니다. ListView는 두가지로 구성이 됩니다. 일단 Header부분에서 계정이름, 프로필 사진 등을 넣어주고, 다른 페이지로 넘어갈 수 있는 메뉴를 ListTile이라는 이름 아래 생성해줍니다 ListTile구성에 보시면 onTap이 있는데, 이 부분은 나중에 가면 더 깊게 공부할 예정이지만 간단하게 onPressed와 비교해보자면 onPressed는..

[플러터] app bar에 메뉴 아이콘 넣기

2022.04.05· 개발/Flutter

◾ 완성 모습 ◾ code class Grade extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.amber[800], appBar: AppBar( title: Text('BBANTO'), centerTitle: true, backgroundColor: Colors.amber[700], elevation: 0.0, //left side leading: IconButton( icon: Icon(Icons.menu), onPressed: () { print('menu button is clicked'); }, ), actions: [ IconButton( ..

Flutter의 Widget이란?

2022.04.02· 개발/Flutter

1. Flutter에서 위젯이란? UI를 만들고 구성하는 모든 기본 단위 요소를 위젯이라고 합니다. 눈에 보이는 요소뿐만 아니라 보이지 않는 요소들까지도 위젯이라고 합니다. 한마디로 Eveything is Widget. 2. 위젯 타입 Stateless widget 상태가 없는 정적인 위젯을 뜻합니다. 스크린상에 존재는 하지만 아무것도 가지지 않고, 실시간 데이터 저장을 못하는 위젯입니다. 어떠한 상탱를 유발하는 value 값도 가지지 않고 있습니다. 예를 들어서 image, text Stateful widget 어떤 상태를 가지고 계속 움직임이나 변화가 있는 위젯 사용자 인터랙션에 따라서 달라지는 위젯입니다. 예를 들면 input, checkbox 3. 위젯 구성(트리) 위의 설명처럼 많은 요소들이 위..

[React] 다국어 처리하기 - i18n 사용하기

2022.04.02· 개발/React

◾ i18n 시작하기 웹사이트 혹은 어플리케이션에 다양한 언어를 적용하기 위해 사용하는 라이브러리다. 아래의 공식 웹 페이지를 보면 더 많은 이야기를 확인할 수 있다. 간단하게 어떻게 사용하는지만 정리해 볼 예정이다. 공식 웹페이지 👉 https://react.i18next.com/getting-started 설치하기 npm install react-i18next i18next --save ◾ 적용하기 보통 파일 하나에 다 적은 간단한 예제들이 많아서 조금 헤맸는데, 우선 대부분 프로젝트에 적용할 때 파일을 따로 빼서 분리해두기 때문에 나도 그렇게 했다. src 폴더 아래에 language 라는 폴더를 만들어서 i18n.js를 만들었다. 영어버젼하고 한국어 버젼만 있으면 되기때문에 번역 스크립트는 en...

[220330] TIL - Update

2022.03.31· 개발/📝 TIL

👩‍💻 Today I Learned 📚 ◾ Web portfolio update 전에 취업 준비하면서 만들어둔 web portfolio를 다시 꺼내 들었다. HTML, CSS, Javascript로 만들었던 나의 첫 번째 웹 포트폴리오. 이때 영어 버전도 함께 만들었었는데, 한국어 페이지를 따로 만들고 영어 페이지를 따로 만들었었다. 이때는 이 방식이 최선이라고 날 가르쳐주신 분이 그러셨음..... 하지만 그게 아님!!!!! i18next 라이브러리를 쓰면 되는데!! 그러면 훨씬 간결하게 만들 수 있는데, 포트폴리오를 새롭게 업데이트하려고 준비하면서 이 부분까지 깔끔하게!! 다시 코드를 정리했다. 하다 보니 뭔가 수정해야 할 것들이 점점 쌓여서 내일까지 계속해야 할 듯하지만 오랜만에 신이 난다 ~~ 코드..

[codewars] Valid Parentheses

2022.03.30· 개발/💬 코딩테스트

Instructions Write a function that takes a string of parentheses, and determines if the order of the parentheses is valid. The function should return true if the string is valid, and false if it's invalid. Examples "()" => true ")(()))" => false "(" => false "(())((()())())" => true Constraints 0

dependencies와 devDependencies 차이

2022.03.30· 개발/Etc...

이 두가지의 차이점은 실제 상품에서 사용할 패키지와 개발용 패키지의 차이이다. 개발시 필요한 라이브러리들은 devDependencies에 적어주고, 진짜 기술스펙으로 사용되어야 할 라이브러리들은 dependencies에 설치해준다. 즉, 어떤 라이브러리가 프로젝트의 컴파일(빌드)타임에 필요하며, devDependencies에 넣고, 런타임에도 계속 쓰이는 것이면 denpendencies에 넣는다. 구분해서 저장하는 이유 개발용 라이브러리와 배포용 라이브러리를 구분하는 이유는 어플을 빌드하고 배포할 때, dev에 들어가는 개발용 라이브러리는 포함시키지 않고 빌드하기 때문이다. 그렇기때문에 어플의 로직과 연관이 없다고 판단되는 라이브러리가 있다면 devDependencies에 넣어주는 것이 좋다.

티스토리툴바