[Android] 다국어 지원

어플리케이션 제작 과정에서 여러 언어를 지원해야 하는 경우가 있다. 1. 우선 기본적으로 영어로 선언했다고 치자. 2. res > values > strings 에 새로운 strings.xml 을 추가한다. 3. locale을 선택하고 >> 를 클릭한다. 4. ko, South Korea 를 클릭한다. 5. 파일이 생성된 모습이다. 6. 영어로 선언한 string.xml 과 같은 name을 가진 string 태그를 생성하고 value만 한국어로 바꿔준다. 7. 별다른 수정 없이 기본 언어만 변경해도 앱 내부의 텍스트가 변경되는 것을 볼 수 있다.

5. SingleChildScrollView, ListView

지난 시간에 Column에 대해 정리했었다. 오늘 정리할 내용은 Column으로 위젯들을 보여줄 때 발생할 수 있는 문제를 해결해주는 또 다른 위젯이다. import 'package:flutter/material.dart'; void main() { return runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text("Column 예제"), ), body: Column( mainAxisAlignment: MainAxisAlignment.spaceEvenly, ve..

4. Column, Row, Expanded

지난 시간 Container에 이어 오늘은 Column, Row, Expanded에 알아보려고 한다. 이전 포스팅에서 불가능했던 Container 간의 분리를 이러한 위젯들을 이용하여 해결할 수 있다. https://codekodo.tistory.com/95 3. Container, Padding Widget 오늘 알아볼 것은 Container와 Padding 위젯이다. 같이 묶어서 작성하는 이유는 두 위젯이 거의 유사하기 때문이다. 우선 공식문서에는 Container가 자식 위젯을 커스터마이징 할 수 있는 위젯이라고 나 codekodo.tistory.com Column Column은 수직 방향으로 element를 보여주는 위젯이다. Column도 다양한 속성을 가지고 있다. Column Column({..

3. Container, Padding

오늘 알아볼 것은 Container와 Padding 위젯이다. 같이 묶어서 작성하는 이유는 두 위젯이 거의 유사하기 때문이다. Container 우선 공식문서에는 Container가 자식 위젯을 커스터마이징 할 수 있는 위젯이라고 나와있다. 이 말은 즉, 여백, 간격, 테두리 또는 배경색을 추가하고 싶을 때 Container를 사용할 수 있다는 것이다. 실제로 Cotainer 위젯은 다양한 속성을 가지고 있다. Container Container({ Key? key, AlignmentGeometry? alignment, EdgeInsetsGeometry? padding, Color? color, Decoration? decoration, Decoration? foregroundDecoration, dou..

[Error] refusing to merge unrelated histories

인턴을 진행하면서 작성한 코드들을 깃랩이 아닌 깃허브에 올려놨었다. 원래는 회사 깃랩을 사용해야하는데 오류 때문에 올라가질 않아서 우선 Private Repository 를 생성해서 커밋을 해줬다. 그러던 중 인턴 마지막 날인 오늘 모든 코드를 깃랩으로 다시 옮기려고 하는데 발생한 오류... 우선 git remote rm origin 으로 연결된 Repository 와 해제하고 git remote rm origin "새로운 깃랩 ssh 주소" 로 다시 연결하고 push 를 진행했는데? refusing to merge unrelated histories 이런 오류가 떴다. 원인은 깃랩에 생성해놓은 Repository 와 지금까지 깃허브에 커밋했던 Repository 가 서로 관련이 없어서 발생한 문제. 일..

2. Stateless, Stateful

플러터의 위젯은 크게 두 가지로 나뉜다. Stateful과 Stateless Stateful은 위젯이 동작하는 동안 내부 클래스에서 데이터 변경이 필요한 경우에 사용된다. setState 실행 이후 화면을 다시 그려서 변경된 부분을 다시 반영한다. Stateless는 Stateful과 다르게 위젯이 동작하는 동안 데이터 변경이 일어나지 않는 경우에 사용된다. 사용자의 반응과 상관 없이 화면만 보여줄 때 사용한다고 생각하면 된다. import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) ..

1. Widget

플러터는 위젯으로 시작해서 위젯으로 끝난다. 플러터로 앱을 개발할 때 화면상에 보이는 모든 것(element들의 배치)과 padding, margin과 같은 보이지 않는 것들이 위젯이다. 이러한 Widget간의 관계를 Widget Tree라고 한다. Widget들은 부모와 자식의 관계를 갖는다. MyApp의 자식으로 MaterialApp이 존재한다. Material은 현재 안드로이드에 적용된 UI이다. https://flutter.dev/docs/development/ui/widgets/material Material Components widgets flutter.dev 이와 대비되는 것은 Cuppertino, 현재 IOS에 적용된 UI이다. https://flutter.dev/docs/developm..

[패스트캠퍼스 서포터즈 3기 - Node.js 강의 후기] 5주차 : 강의 후기

본 게시글은 PC버전에 최적화 되어있으며 패스트캠퍼스 서포터즈 3기로 활동하며 "한 번에 끝내는 Node.js 웹 프로그래밍 초격차 패키지 Online"을 무료로 협찬받아 작성한 게시글입니다. 드디어 길고 긴 한 달이 끝났다. 이게 시기가 기말고사 기간하고 겹쳐서 강의를 제대로 듣지는 못한 듯 싶다. 최근 비전공자 개발자가 많아지고 있는데 그런 분위기에 알맞은 강의라고 생각한다. 본인도 전공자이지만 웹쪽으로는 기본적인 js문법만 알고 있고 깊게 배운 적이 없다. 현재 학교 강의 중에 1~2주 간격으로 다양한 프레임워크를 배우는 과목이 있는데 거기서 리액트를 처음 접했었다. 하지만 2번의 강의에서 많은 양의 정보를 얻기란 쉽지 않았다. 그 때 배우지 못한 부분들을 이번 Node.js 강의를 통해 추가적으로..

[패스트캠퍼스 서포터즈 3기 - Node.js 강의 후기] 4주차 : 바벨과 JSX, 웹팩 (풀스택개발자)

본 게시글은 PC버전에 최적화 되어있으며 패스트캠퍼스 서포터즈 3기로 활동하며 "한 번에 끝내는 Node.js 웹 프로그래밍 초격차 패키지 Online"을 무료로 협찬받아 작성한 게시글입니다. 풀스택개발자 풀스택개발자 풀스택개발자 풀스택개발자 풀스택개발자 벌써 4주차다. 이제 한 주만 더하면 서포터즈 활동은 끝... 이번 주에 하나 쓰고 다음 주에 마지막 5주차를 쓸라했는데 이번주 수요일까지 5주차를 마무리하라고 하셔서 오늘 하나... 내일 하나... 이렇게 써야된다😂😂 오늘은 지난 주 리액트 맛보기에 이은 바벨과 JSX, 웹팩에 대해서 학습했다. 일단 JSX가 뭐냐고? HTML처럼 생긴 문법이다. const element = Hello, world!; 뭔가 짬뽕됐다. HTML 태그인데 const형 변수..

[패스트캠퍼스 서포터즈 3기 - Node.js 강의 후기] 3주차 : 리액트 맛보기

본 게시글은 PC버전에 최적화 되어있으며 패스트캠퍼스 서포터즈 3기로 활동하며 "한 번에 끝내는 Node.js 웹 프로그래밍 초격차 패키지 Online"을 무료로 협찬받아 작성한 게시글입니다. NODEJS강의 NODEJS강의 NODEJS강의 NODEJS강의 NODEJS강의 위에서 보이는 아이콘들 다들 무엇인지 바로 알 것이다. 이러한 어플들의 특징은 웹 어플리케이션이라는 점인데 웹 어플리케이션은 우리가 기존까지 알고 있던 웹사이트와는 살짝 다르다. 웹 어플리케이션은 소프트웨어 공학적 관점에서 인터넷이나 인트라넷을 통해 웹 브라우저에서 이용할 수 있는 응용 소프트웨어를 말한다. 과거의 웹페이지의 경우 MVC의 형태를 지니고 있었다. Model - 데이터와 비즈니스 로직을 관리한다. View - 레이아웃과 ..

[패스트캠퍼스 서포터즈 3기 - Node.js 강의 후기] 2주차 : 무한 스크롤을 통한 데이터 불러오기

본 게시글은 PC버전에 최적화 되어있으며 패스트캠퍼스 서포터즈 3기로 활동하며 "한 번에 끝내는 Node.js 웹 프로그래밍 초격차 패키지 Online"을 무료로 협찬받아 작성한 게시글입니다. 노드 js 노드 js 노드 js 노드 js 노드 js 2주차 리뷰가 살짝 늦었따..학교 시험 시간과 겹치느라 한 주를 미뤘달까...^^;; 이번 주는 지난 주에 배웠던 스크래퍼를 이용해서 데이터를 가져오는 것을 배웠다. 우선 강의에서 무한 스크롤에 대해서 배웠는데 인스타그램이나 페이스북의 경우 뉴스피드에서 사용자가 스크롤을 내릴 경우 끊임 없이 스크롤이 생성되는 것을 볼 수 있다. 지금까지 이것에 대해 궁금해한 적이 없었는데 강의를 듣고 어떻게 구현하는 거지? 라는 생각이 들었다. 그래서 든 생각은 일정 시간마다 ..

[패스트캠퍼스 서포터즈 3기 - Node.js 강의 후기] 1주차 : 웹 크롤러와 웹 스크래퍼

본 게시글은 PC버전에 최적화 되어있으며 패스트캠퍼스 서포터즈 3기로 활동하며 "한 번에 끝내는 Node.js 웹 프로그래밍 초격차 패키지 Online"을 무료로 협찬받아 작성한 게시글입니다. 패스트캠퍼스에서 서포터즈를 모집한다길래 공짜로 강의를 들을 수 있는 기회여서 냅다 신청했음. 스프링 관련해서 강의를 듣고 싶어서 신청했지만 이번 서포터즈엔 스프링이 없다는게 함정... 그래도 노드도 결국엔 백엔드 쪽이고 학교 강좌에서 살짝 찍먹한 적이 있어서 좀 더 배워볼 겸 node.js 서포터즈를 신청했다. 뭐 아무튼 서포터즈로 선정되어서 리뷰를 한 달 정도 써야하게 됐음... 시험기간이라 빡세지만 한 번 달려봅시다! node.js! node.js! 정말 솔직한 리뷰이니 본 강의를 직접 돈 내고 들으실 분들은 ..