🗝️소프트웨어

경력 개발을 위한 첫 걸음 : 어떤 언어를 계속 공부해 나가야할 것인가? (Flutter vs React Native)

안녕하세요, 저는 현재 개발자로 경력을 쌓고 있는 뉴비입니다. 간단하게 현재 제가 사용하고 있는 언어에 대해서 리서치한 결과를 기록을 남기기 위해 이 글을 작성합니다.  위 스크린샷은 Google Trend 로 각 플랫폼에 따른 관심도 변화를 나타낸 그래프입니다. 관심도 순위 1순위는 Flutter가 차지했네요. 개발 기간이 짧아질 수 있게 선언형 UI 방식과 프레임워크를 구성할때 위젯 트리로 작성하기 때문에 복잡한 UI도 구현하기 쉽게 할 수 있는게 Flutter 인 것 같습니다. 물론 iOS를 선언형 UI 방식인 SwiftUI도 있지만, 접근성이 좋지 않기 때문에 .. 패스하도록 하겠습니다. 추후, IDE와 다양한 크로스 플랫폼에서 개발 경험을 쌓게 된다면 경쟁력이 있는 개발자로 성장할 것 같네요. ..

[Flutter] Dart에서 static 역할과 메모리 할당

개요Dart 프로그래밍 언어에서 static 키워드는 특정 클래스와 관련된 변수나 메서드를 클래스 인스턴스가 아닌 클래스 자체에 연결하는 데 사용됩니다. 이로 인해  해당 메서드나 변수는 인스턴스를 생성하지 않고도 접근이 가능해요. static 변수는 메모리의 데이터 세그먼트에 저장되며, 프로그램의 라이프사이클 동안 지속되어 메모리 사용을 최적화합니다.  Dart의 메모리 구조프로그램이 실행될 때, 다음과 같은 메모리 세그먼트과 관련됩니다. Code Segment : 프로그램의 실행 코드가 저장Data Segment : 초기화된 전역 변수 및 static 변수가 저장BSS Segment : 초기화되지 않은 전역 변수 및 static 변수가 저장Stack : 함수 호출과 로컬 변수 저장에 사용Heap : ..

Github 브랜치 전략 이거 하나만 알고 있으면 된다.

안녕하세요. 깃 플로우, Git flow에 대해 이야기 해보려 합니다. 각자 개발할때 형상관리는 어떻게, 어떤 브랜치 전략 어떻게 사용하고 계신가요? 가장 기본이 되는 개념에 대해 공부하고, 정리한 내용을 바탕으로 작성해보려 합니다. 우선 저희는 실무에서 각 파트에서 혼자 개발하고 있는 경우가 많아서, 깃 플로우 정책이 필요없지만 그래도 개념은 중요하니깐요? ㅋㅋㅋ  짜잔. 브랜치 유형은 크게 5가지가 있습니다.  1. 브랜치 유형:기능 브랜치 (핑크):다음 릴리스를 위한 새 기능을 개발하는 브랜치.develop 브랜치에서 파생되며 작업 완료 시 develop에 다시 병합됩니다.개발 브랜치 (노랑):새로운 기능을 통합하는 메인 브랜치.최신 개발 상태를 반영하지만 불안정할 수 있습니다.버그 수정 및 기능 ..

패스트캠퍼스 주니어 개발자를 위한 프론트엔드실무 완강 후기

들어가기 전에 안녕하세요🙂 작년에 대학교를 졸업하고 새롭게 프론트엔드 개발자로 국내 굴지의 에너지 기업에 합류하게된 Yollow라고 합니다. 평소 대학생때 AWS 및 ML 수업을 들을때, 처음 패스트캠퍼스를 알게되었는데요. 이때는 친구를 통해 데이터분석 관련된 좋은 개념 강의를 몇 개 알게되어, 그때부터 좋은 인연을 맺게되어 현재 회사를 다니고 있음에도 불구하고 자기 계발 차원에서 여러 강의를 듣고 있습니다. 또한 제가 다니는 그룹 차원에서도 다양한 직무에 계신 분들이 페스트캠퍼스 강의를 듣게하는데요. 그 이유는 현업에서도 각기 다른 분야(인공지능, 생산성 높이는 툴 사용법, 머신러닝, 데이터 처리 등등)에 대한 실무 역량을 높이는 창구로 인정받아서 인 것 같습니다.^^ 요즘 기술 변화가 예전과는 다르게..

[Flutter] 버튼 위젯(TextButton, ElevatedButton, OutlinedButton) 사용법과 예제 코드 그리고 그 외 필수 개념들

안녕하세요! 오늘은 Flutter에서 자주 사용되는 버튼 위젯인 TextButton, ElevatedButton, OutlinedButton에 대해 알아보겠습니다. 이 글에서는 해당 위젯들의 기본 사용법과 예제 코드를 제공합니다. 또한, 코드 작성 시 주의해야 할 몇 가지 플러터 규칙과 유용한 코드 정리 단축키도 함께 알아봅시다. Button - TextButton TextButton은 간단한 텍스트 버튼을 만들 때 사용됩니다. 아래는 TextButton을 생성하고 그에 대한 예제 코드입니다. TextButton( onPressed: () { // 버튼 클릭 시 실행할 동작 print('TextButton 클릭됨'); }, child: Text('TextButton 텍스트'), ) - ElevatedBu..

Flutter Wrap 위젯 사용 팁: option(⌥)+enter 단축키 활용하기

더보기 option(⌥)+ enter : 감싸는 구조(Wrap) 만들거나 제거할때 활용 1. Introduction Flutter에서는 Wrap 위젯을 많이 사용하는 것 같다. 왜냐하면 화면의 모든 요소 자체가 위젯이다 보니, 배치를 할때 Column, Row, Container 등을 적절하게 혼재해서 사용해야 하기 때문이다. 하지만 실제로 VS Code 또는 Android Studio로 코드를 짜는 경우 새롭게 Wrap 을 하는 것 자체가 쉽지 않은 작업이다. 괄호가 많고 자칫 잘못했다가 코드에서 에러가 발생하기 쉽상이기 때문이다. 그래서 Wrap 을 하기 위해서는 option 키와 enter 키를 같이 누르게 되면 해당 위젯에 대해 어떤 식으로 감쌀 것인지, 또는 감싸져 있는 부분을 제거할 것인지 선..

리눅스에서 virtualbox 사용하지 말자..(vboxapi)

ERROR: Could not find a version that satisfies the requirement vboxapi==1.0 (from versions: none) ERROR: No matching distribution found for vboxapi==1.0 ERROR: Could not find a version that satisfies the requirement vboxapi==6.1 (from versions: none) ERROR: No matching distribution found for vboxapi==6.1 앗, 참고로 해당 에러를 접하면서 리눅스에서는 virtualbox 와 같이 가상머신 sw를 python에서 제어하는 모듈같은거 설치안하기로 다짐했다. 버전1.0이 구..

pywin32 모듈 에러 - 해결방법(feat.Linux)

리눅스 환경에 파이썬 3.8 에 특정 라이브러리 다운로드 받는 중에 다음과 같은 에러가 발생했다 원래 도커에 이미지 하나 구운 다음 거기 안에서 파이썬 그냥 실행하는 것보다 가상환경 만들려고 하다보니 코드가 좀 복잡해지긴했는데,, 각설하고 ERROR: Could not find a version that satisfies the requirement pywin32==304 (from versions: none) ERROR: No matching distribution found for pywin32==304 ERROR: Could not find a version that satisfies the requirement pywin32==304 (from versions: none) ERROR: No mat..

vue에서 eslint 사용하기(eslintrc.js)

ESLint는 자바스크립트 코드에서 오류를 찾고 코드 스타일을 유지하기 위한 뛰어난 도구 중 하나인데요. 이 도구는 설정 파일인 .eslintrc.js을 통해 규칙을 구성할 수 있습니다. 이 파일은 일반적으로 프로젝트의 루트 디렉토리에 위치하며, ESLint의 동작을 변경하고 프로젝트의 품질을 개선하는 데 중요한 역할을 합니다. .eslintrc.js 파일을 수정하려면, 프로젝트 디렉토리에서 해당 파일을 열어서 원하는 변경 사항을 수행하면 됩니다. 예를 들어, 규칙을 추가하거나 삭제하거나 구성 옵션을 변경할 수 있습니다. 변경 사항을 저장하면 즉시 적용됩니다. 그러나 파일을 수정하기 전에, 파일의 내용을 이해하는 것이 중요합니다. ESLint 규칙을 변경할 때는 규칙이 어떻게 동작하는지, 해당 변경이 코..

[f/e] 캡쳐링과 버블링

1. 캡쳐링과 버블링 캡쳐링(capturing)은 이벤트가 가장 상위의 부모 요소에서부터 시작하여 실제 이벤트가 발생한 요소까지 내려오는 과정을 의미합니다. 따라서 이벤트가 발생한 요소에서 이벤트 리스너를 등록했더라도, 상위 요소에 등록된 이벤트 리스너가 먼저 호출됩니다. 반면에 버블링(bubbling)은 이벤트가 발생한 요소에서 시작하여 상위 요소로 전파되는 과정을 의미합니다. 이 경우에는 이벤트가 발생한 요소에서 등록한 이벤트 리스너가 먼저 호출되고, 그 후에 상위 요소에 등록된 이벤트 리스너가 호출됩니다. 이벤트 리스너를 등록할 때, 세 번째 인자로 이벤트 전파 방식을 설정할 수 있습니다. 예를 들어, 아래와 같은 코드에서 캡쳐링을 사용하도록 설정할 수 있습니다. document.getElement..