마음이 복닥복닥(?)하고 날씨도 복작복작해서 2025 근황에 대해서 털어보려고 합니다.

1. 두 번째 이직, 세 번째 회사

두달만에 카카오 벤처스 그만두고 이직한 여고생 개발자

조회수가 3000을 훌쩍 넘긴 글이라 아마 이 글 정말 많이 보셨을 것 같은데요..!

이 이후 저는 한 번 더 이직하였습니다..!

이유는 정말 여러가지가 있지만 어쨋든 성공적으로 이직하고, 여전히 강남에서 크로스 플랫폼(플러터) 개발자로 열심히 일하고 있습니다.

반응형 웹을 주로 하고 있는데 플러터로 반응형 웹 참말로 쉽지않지라.. 그래도 gpt와 함께 제패하고 있습니다! 플러터 커피챗 환영하지라~!

강남에 오신다면 저와 커피챗을..?!

아 피곤해

2. 대학

살다보니 대한민국은 아직도 대학 학위를 중요시 여기는 것 같습니다.. 이참에 대학 빨리 해치우자 라는 마인드로 한양사이버대학교에 2025-2학기 신입학으로 지원하여 합격하였습니다.

학과는... 컴퓨터/소프트웨어학부-국방융합기술학과입니다 (왜 여기 갔게요 맞추면 만원)

마이스터고(소프트웨어과) - 크로스플랫폼 개발자 길을 밟고 있어 제가 당연히 컴공과 넣을줄 아셨죠?????? 그렇죠???????????????

죄송합니다.

개발을 최대한 피하겠다는 제 의지가 보이시나요?

3. 부앙부앙

성인의 로망.. 운전면허학원을 69만원주고 등록을 햇읍니다. 필기 합격하고 장내기증 만점 합격햇드랫죠 으컄ㅋ컄 2종입니다

장내기능 갔다가..

1. 라이트 조절 레버에서 연기나서 1차 차 변경
2. 타이어 펑크로 2차 변경
3. 타이어 수리 되어 3차 변경
4. 내부 탑재 장내기능 시험 센서 절단으로 4차 변경
5. 뻑뻑한 핸들 쌉구형 자동차로 헛둘헛둘하면서 핸들 나눠돌리기

... 잠시만요 눈물좀만 닦고올게요

+ 헤헤 도로주행 만점 1트 성공 면허증 겟또다제

4. 운동

어릴 때 운동선수였고, 중/고등학생 내내 예체능은 항상 A였기에 체력에 대한 자부심이 컸는데 매일 컴퓨터에 앉아서 개발-잠-개발-잠을 반복하다보니 체력이 문제가 아니라 진짜 이러다 죽겠다 싶더라구요..

그래서 요새 매일 3키로 씩 실외러닝을 하고 있습니다. 아마 저녁 9시부터 구디~신림 부근 도림천에서 절 목격할 수 있을겁닏...

5. To be Continue..

이건 26년 2월에 공개됩니다 ㅋㅋ 지켜봐주세요!

가장 큰 카테고리의 TMI는 이정도인 것 같네요!

하루 루틴이 그냥 기상 - 샤워 - 출근 - 일 - 밥 - 일 - 퇴근 - 청소 - 러닝 - 빨래 - 샤워 - 감성타기 - 수면 하다보니

2025가 벌써 4개월 정도 남았는데 여러분 모두 행복하셨으면 좋겠슨..

!!

p.s : 링크드인 1촌해주세요

안죽었어요 일단 살아있습니다.

올해 5월 카카오벤처스 투자사인 모 회사에 합격하여 9월부터 현장실습생 신분으로 회사를 다니게 되었습니다. 결론적으론 10월 말에.. 그만두었습니다. (정확히말하면 그만두려고 말하려다가 회사에서 먼저 그만하자고 얘기하심)

과거의 저는 취업 전 이렇게 생각하였습니다.

아 나도 3학년만 되면 모든걸 뚱땅뚱땅 만들고(아님) 취업하고(아님) 인생 피는겨!!(아님) 얄루!!!! ~이딴 생각을 한 과거의 나.. 신속하게 목숨 하늘에 반납하길~~

제친구들만봐도 원해서 한 복교 / 재정난에 의한 복교 / 회사 내부사정에 의한 복교 등 복교를 정말 많이 하더라구요 그중 아마 제가 첫번째는 아니지만 나름 먼저 복교한 사람 중 한명일겁니다.

저렇게 취업만 하면 개처럼 구를것 처럼 굴던 제가 왜 복교를 생각했는지 한글자 한글자눌러 작성해보겟습니다.

*복교: 학교로 돌아감

1. 성급한 취업

성급했습니다. 취업설명회를 들었을 때, 재직중인 선배께서도 급하게 현장면접을 보고 들어갔다고 하셨습니다. 저 또한 "오 끌리누 ㅋㅋ" 하고 들어갔기도 하고 회사에 대해 아는거라곤 현장에서 들었던 극히 적은 정보였습니다.

그리고 현장면접 프로세스도 일종의 서류, 코딩테스트, 과제, 심도있는 기술질문 등등 존재하지 않았고 최소한의 정말 간단한 면접 과정이였기 때문에 어릴때 부터 말을 잘 하던 저의 경우 붙을 수 밖에 없는 과정이였습니다.

취업자의 입장에선 쉽게 취업하기 때문에 좋아"보이지만" 서로를 잘 모르는 상태에서 입사해봤자 득볼건 1도 없습니다.

// 제 취업 프로세스를 코드로 표현해보았습니다 ㅎ
try {
    final isPassed = true; // 왜냐면 전 어릴때부터 말을 좀 잘했어요 발표 면접 체질
    if (!isPassed) {
      throw Exception('불합격');
    }
    print('합격');
} catch (e) {
    print('불합격 : $e');
}

2. 맞지 않는 기술스택

저는 원래 서버개발자였습니다. 2학년때 까지 서버를 하다 환멸이 나서 프론트로 바꾸게 되었는데 그 계기가** Flutter였습니다.** Flutter를 우연히 알게되어 혼자 뚱땅뚱땅 만지고 있었는데 너무 재밌어서... 너무 빠르고 쉬워서... 사랑하게 되었습니다.. 사실 api싸개였다가 이젠 명세서 받아먹기만해서 기분좋음

애초에 그 회사에서 걸었던 조건은 "React / Vue.js 둘 중 하나" 였습니다. 하지만 전 그렇게 간절하지도 않았기에 면접연습을 해보자 라는 취지로 면접을 봤습니다. 면접 도중 리액트, 뷰 둘다 사용해본적 없다고 플러터를 사용한다고 얘기도 하였습니다. 그 상황에서 붙어버린거죠

근데 붙은 이상 뭐 해야죠... Vue.js / Next.js를 공부해오라는 안내를 받고 공부를 시작했습니다.

하지만 제 피는 웹을 거부하고 있었고 제 손가락은 어느새 뷰와 넥스트의 콧구멍을 정확히 찌르고 있었습니다. 저는 하고싶은건 해야 직성이 풀리는 사람이기 때문에 웹을 죽어도 하기 싫었습니다.

3. 너무 과도한 요구사항

온보딩 과제가 끝난 후.. 처음 받은 프로젝트는 검색엔진 최적화였습니다.

듣고 약간 멘붕이 왔었습니다. 개발자의 도리를 다 하였을 때 결과가 잘 나오지 않는다면 그건 제 잘못일 확률이 극히 적은 ... 적용되는데 시간도 걸리고 여러 자료를 찾아봐도 제일 많은 말은

기다리세요 ㅎ 기다리면 됩니당! 2~3일 걸려요 7일 걸려요 2주걸려요 였습니다.

주변에서도 구글 검색엔진 좀 망가졌다. 그 키워드로 어떻게 상위를 먹냐 불가능이다. 차라리 설득을 해라 전문가를 쓰자고..

하지만 이미 받은 이상 일개 현장실습생이 대표님께 개기는 그림은 젊꼰인 제가 생각하기에 4가지를 상실한 상황과도 같으며 저도 지기 싫어하는 성격인지라 열심히 했습니다.

1. 시맨틱 태그 활용
2. 이미지 alt 속성 활용
3. 백링크 (마크다운을 활용한 블로그 작성 admin 페이지 / 스토어 페이지)
4. 키워드 리서치 및 키워드를 담은 description 생성
5. json-ld를 활용한 스니펫 구성
6. https 배포
7. google pagespeed insights 점수 체크
8. google search console 등록 / 수동 인덱싱 / 자동 인덱싱
9. sitemap / robot.txt 설정 등등등등등 진짜 웬만한거 다 찾아보고 책도 보고 검색도 해보고 주변에 자문도 해보고 개발자로써 할 수 있는 도리를 전부 다 했습니다.

당시 제 인스타 스토리입니다. (담배 저 아닙니다;; 짤주웟어요)

실제 성과는 이랬습니다.

1. 한 depth들어간 키워드 검색시 상위 5위안에 노출
2. seo 점수 체커 사이트에서 높은 점수

나름 웹을 잘 모르는 고등학생 두명이서 이런 결과를 도출한 것은 굉장히 잘했다고 생각했습니다. 하지만 리뷰는 계속 밀리고 밀리고 또밀렸습니다.

이 끝나지 않는 프로젝트는 언제까지 해야하는거지 왜 우리를 방치하는거지라는 생각이 정말 강하게 남았습니다.

리뷰를 하고 나서 원하는 결과물이 나오지 않았다면 성공하지 못한 것이라는 이야기를 듣고 복교를 결심하였습니다.

그럼 이직은 어떻게 했냐면요

이 일을 계기로 사실 회사에 대해 많은 트라우마를 가지게 되었습니다.

일이 힘들어서 생겼다기 보다 이런 공개적인 자리에선 말못할 사정으로 많은 트라우마를 가졌습니다. 마침 저는 나쁘지않은 성적을 가지고 있었기에 대학을 가기로 하고 수시전형으로 대학을 넣었습니다.

하지만 학교 선생님들께서 제가 아깝다는 식으로 제 네이버 계정을 가져가신 후 사람인에 지원서를 넣기 시작했고 정말 많은 회사에서 "면접보러 오세요. 코딩테스트 진행해주세요" 라고 연락이 왔습니다.

당시에 면접을 보러가도 대충보거나 최종합격임에도 안가겠다고 한적도 많았습니다.

마지막으로 면접 본 회사가 지금의 회사인데, 플러터 개발자를 뽑았기에 마음이 흔들렸습니다. 한번 해볼까 라는 생각이 들어 면접을 보러갔습니다.

면접볼때 대표님과 CTO님께 면접을 보았는데 사람이 정말 좋음을 느꼈습니다. 사람을 볼때 편견없이 하고자 하는 의지만 있다면 그게 누구든 함께하는 기회를 주셨습니다. 이 회사에서 다시한번 일어나볼까? 라는 생각이 들었고 옆에서 남자친구가 많이 격려해주고 있었기 때문에 다시 일어날 수 있었습니다.

-HAPPY END- I Flutter U ❤️

바야흐로 그저께...?

평화롭게 지하철을 타고 이모집을 가고 있던 저는 모르는 번호로 전화가 오고맙니다.

📞 : 어 현지야 어디야? 🤔 : (뭐야 누구야 ..?? ? ???) ..? 혹시.. 담임선생님 이신가요...? 네 전 개학 후 3달동안 담임선생님 전화번호가 없었어요. 📞 : 어 담임선생님인데 좋은 소식이 있어요. 🤔 : 네..? 좋은 소식이요..? 📞 : 어 너 합격이래 ~ 현장면접이였어서 서류가 없는 상태니 서류 선생님한테 보내요 축하해요~

뚝

....?????? 제가요...?? 제가 합격이요.....?????????????

김민지 뭐 이런거 아니고 김현지가요?????? (근데 김민지도 있더라 ..)

아마 별탈이 없다면 현장실습을 나갈... 것 같습니다.... 3개월 수습기간 후 정규직 전환평가를 실시하는 것으로 알고 있는데요......

합격.....이랍니다.....

제가 이러려고 고등학교 3학년 제주 본가를 나와 신림에 갇혀서 코딩만 한 것 같습니다. 3년간 여러 우여곡절을 이겨낸 제 결실이라 믿겠습니다...

응원해주신 모든 학교 관계자분들, 학우들, 후배들, 선배님들, 제주 친구들, 부모님, 목사님, 스님, 국무총리님, 대통령님, 예수님 감사드립니다...

번외

응 그거 꿈인듯?? 오잉?

학교에서 진행하는 카카오벤처스 채용설명회가 열렸는데, 듣다보니 너무 끌리는 회사가 있어 급하게 현장면접 신청하여 진행하였습니다!

진짜 아무 준비도 안했습니다.. 서류도 준비도 아무것도 없는 생 리뷰입니다.......

🤷‍♀️ 갑자기 급하게? 왜?

*카카오벤처스? 내가? 가당치도 않지... *마인드로 살고 있던 어느 날 저는 카카오벤처스 채용설명회를 듣고 말았고 가장 마지막 순서인 원지랩스의 설명을 듣고 있었습니다.

듣다보니 이러이러한 점에 반하게 되었는데요...

첫 번째, 설명해주시는 분이 말을 한번도 절지 않으셨고 임팩트 있었습니다. 말하는 방식, 어투 비언어적 표현 모든게 그 분을 표현하는 것처럼 보여 설명회에 매료되었습니다. 감탄하다 입이 안다물어진게 생각이 나네요...

두 번째, 생성형 AI를 기반으로 한 서비스들, 일의 진행 방식, 추구하는 방향성 등 저와 잘 맞을거라고 생각했습니다. 일처리를 빠르게 진행하는 스타일이라 축 늘어지지 않고 진행되며, 좋은 아이디어나 방법이 떠오른다면 의자를 돌려 "이거 어때요?" 라고 말할 수 있는 분위기가 너무 좋았습니다!

세 번째, 선배의 조언입니다! 제 학교 한 기수 위 디자인과 선배이신 OOO선배님께서 자신 또한 설명회를 듣다 덜컥 지원하게 된 케이스라고 하셨는데 성장 가능성 및 복지 등 절대 후회하지 않을 기회가 될 것이라 장담하셨기에 떨어져도 좋은 경험이겠거니 싶어 지원하였습니다!

😀 어떤 상태로 면접 봤어??

선면접 후서류 - 서류 제출 아무것도 안했습니다. 면접 준비 - 늦게 취업하겠거니 하고 아무것도 안했습니다. 코딩테스트? 알고리즘? - 아무것도 안.했.습.니.다.

근데 전 제 능력과 잠재력 하나는 믿었습니다.. 더 높이가고자 하는 열망 하나는 정말 충분했어요.

아 진짜로. 급하게 봤어요 진짜로.

👩‍💻 면접 분위기는? 면접 내용은?

일단 면접 분위기는 너무 편안하게 조성해주셨습니다! 그렇다고 너무 편안하지는 안되, 비지니스를 유지하는 편안함이 오히려 적당한 긴장감을 유도하여 좋았습니다!

2:1 방식으로 면접관님 두명과 제가 마주본 상황으로 진행하였고, 코딩테스트는 진행하지 않았습니다! (그렇기에 아직 더 가망이 있는것 같습니다.. 더 열심히 공부해야겠어요...)

면접 내용은 다음과 같았습니다!

1. 간단한 자기소개

   • 제가 추구하는 방향성과 원지랩스의 방향성이 맞다는 내용을 포함하였습니다.

2. (꼬리질문) 어떤 것이 구체적으로 잘 맞다고 생각하셨는지?

   • 일 처리 진행 방식, 생성형 AI의 관심 등을 서술하였습니다.
   • 생성형 AI를 이용한 앱을 개발 기획중이였는데 그것 또한 서술하였습니다.

3. (꼬꼬리..질문) 생성형 AI에 관심이 많으신것 같은데 RAG에 대해 들어보셨나요?

   • RAG의 존재를 처음 들었습니다. 여기서.

4. (꼬꼬꼬리 질문) RAG를 조금 안다고 가정했을 때 정보를 찾기 위해서 어떤 방식으로 검색하는지 보여주세요.

     - 구글링 하는 모습을 보여드리며 진행방식, 저만의 도식화 과정을 서술하였습니다.

5. (꼬꼬꼬꼬리 질문) 이런 구글링 방식은 스스로 터득한건가요 어디서 보고 들은건가요?

    - 어떤 경험을 통해 이런 방식을 채택했는지 서술하였습니다.

6. 어떠한 프로젝트를 개발한다 가정하였을 때 챗지피티와 같은 인공지능의 비중이 어느정도인가요?

    - 가지고 있는 지식을 활용하여 구조와 방식을 찾고 효율적인 구조를 위해 더 찾아보기 때문에 30~40정도라 서술하였습니다.

   ---

7. (2-2의 꼬리질문) 앱 개발은 지금 진행중인가요?

   • 저는 플러터를 주로 사용하기 때문에 플러터 사용에 대해 서술하고 앱 기획, 디자인, 개발에 대해 서술하였습니다.

8. (6의 꼬리질문) 플러터를 사용하면서 이용해본 라이브러리가 있나요?

   • 상태관리 Bloc, Provider 등의 대해 서술하였습니다.

9. (꼬꼬리질문) 플러터를 사용하신거면 프론트엔드 직무이신가요?

   • 저같은 경우 전공은 백엔드지만, 올해 2월부터 프론트로 전향한 케이스라서 현재는 프론트를 집중적으로 공부하고 있음을 서술하였습니다.

10. (꼬꼬꼬리질문..) 리액트나 html css 등을 사용해보신건가요?

    • 리액트의 경우는 전 사용해본적은 없지만 제 습득력을 믿고 회사에 기여할 수 있을 것 같아 그 점을 설명드리고 html, css로 웹사이트는 거뜬히 만들 수 있음을 서술하였습니다.

11. 마지막 질문 있으신가요?

    • 생성형 AI의 대한 시선 질문 (지양? 독려?)
    • 새로운 프로젝트가 생긴다면 스튜디오의 생성 유무 (홈페이지 참고하시면 좋을거같아요!)
    • 서류는 학교에 제출해야하는지

질문을 마치고 인터뷰가 마무리되었습니다! 꼬리질문이 피곤하지 않고 흥미로웠던 적은 처음인것같습니다. 다같이 탐구하는 느낌이라 너무 흥미로웠어요! 솔직히 저보다 오랜 시간 면접 봐주신 원지랩스께 너무나 감사드립니다...

😫 끝나고 보니 아쉬운 점 있어?

진짜 끝나고 딱 이런 표정으로.. 에...... 정말 열심히 준비할 시간도 없이 당일에 바로 본 면접이라 많이 떨렸는데, 먼저 다른 채용 프로세스를 거친 우리학교 친구들 너무나 대단합니다.... 존경스러워요....

제 태도가 괜찮았는지, 말투와 비언어적 표현은 적절했는지 등 당혹스러움에 지배되어 잘 한건가...? 싶습니다...

저는 이제 서류, 포트폴리오 작성하고 제출 예정입니다... 합격할 수 있을까요...

마이스터고 고3 취준생들!! 우리모두 힘내보자구요!!

.env에는 유출되면 안되는 정보들이 많이 저장되기 때문에 깃허브에 올리면 절대 안되는데욥...

제가 잘못 올려버려서 하하..😅

해결해봅시다!

🪜 대략적인 단계

1. 원격저장소의 .env를 제거
2. .gitignore 파일 추가
3. 최종 push
4. commit history 삭제

1. 원격저장소의 .env 파일 제거

아래 명령어를 실행해줍니다!

git rm --cached .env

위 명령어는 로컬 저장소의 .env는 그대로 두고 원격저장소의 .env만을 삭제하는 명령어 입니다.

그럼 VScode 왼쪽 사이드바에 소스제어 칸을 보면 .env가 삭제되어있는 것을 볼 수 있습니다!

2. .gitignore 파일 추가하기

.gitignore 파일을 프로젝트 안에 생성해줄겁니다!

먼저 vscode에서 새 파일의 이름을 .gitignore로 생성해주세요.

그리고 옆 사이트에 가서 파일에 들어갈 내용을 생성해줍니다. 👉🏻 .gitignore-io

위 사진 처럼 운영체제 / 툴 / 언어를 작성해주시고 생성 눌러주시면

이상한 글들이 나옵니다 전부 복사해서 아까 생성해준 .gitignore 파일에 내용을 붙여넣기 해줍니다!

이 gitignore을 생성하면 자동으로 .env파일에 관한 내용이 작성되기 때문에 따로 .env를 입력하지 않아도 됩니다!

3. 최종 push

여기까지 따라 오셨다면 다시 최종으로 푸시해주세요!

git push origin "브랜치"

그럼 이렇게 reporsitory에는 없지만 로컬에는 .env파일이 존재합니다!

4. 커밋 히스토리 삭제

완벽하게 한 것 같지만 커밋 히스토리에는 .env 파일이 남아있기 때문에 커밋 히스토리도 지워줍니다!

git filter-branch --force --index-filter "git rm --cached --ignore-unmatch '해당 프로젝트에서의 .env 파일의 경로'" --prune-empty --tag-name-filter cat -- --all

위 명령어를 입력하면

WARNING: git-filter-branch has a glut of gotchas generating mangled history rewrites. Hit Ctrl-C before proceeding to abort, then use an alternative filtering tool such as 'git filter-repo' (https://github.com/newren/git-filter-repo/) instead. See the filter-branch manual page for more details; to squelch this warning, set FILTER_BRANCH_SQUELCH_WARNING=1. Proceeding with filter-branch... Rewrite 6d4da0783ff8ec7399ff3a6f5060ecba53f83e51 (0 seconds passed, remaining 0 predicted) rm '.env'
Ref 'refs/heads/master' was rewritten Ref 'refs/remotes/origin/master' was rewritten

이렇게 뜰텐데 warning 가볍게 무시해줍니다!

이후 강제로 푸시해주면 끝입니다!

git push origin 브랜치명 --force

이전 커밋에서 .env파일만 쏙 빠져서 사라질겁니다!

🙇 오늘도 읽어주셔서 감사합니다!

git add를 하다보면

warning: in the working copy of '.gitignore', LF will be replaced by CRLF the next time Git touches it

CRLF 에러가 정말 많이 나옵니다..! 일단 해결 먼저 하고 이유에 대해 살펴보겠습니다!

🪜 단계

1. 해결 방법
2. 에러가 일어나는 이유

1. 해결 방법

🔧 해결 방법은 간단합니다!

git config --global core.autocrlf true

위 명령어를 실행해주시면 됩니다! 만약 실행했는데도 일부 파일에서 crlf 에러가 나온다면 해당 파일이 있는 디렉토리의 경로로 이동 후 다시 명령어를 실행해주시면 됩니다!

2. 왜 일어나는 걸까? 🤔

CRLF는 Carrige Return Line Feed의 약자입니다!

CR : 커서만 맨 앞으로 옮기는 것 ( 맥 초기 ) LF : 커서는 그대로 두고 라인 맨 앞줄로 이동 ( 맥, 리눅스 ) CRLF : 바로 아랫줄로 이동하고 커서를 맨 앞으로 이동 ( 윈도우 )

간단히 말하자면 줄바꿈을 입력하는 "개행문자" 입니다!

이 CRLF는 운영체제 ( MacOS / Rinux / Windows )마다 줄바꿈이 다르기 때문에 이러한 경고가 뜨는 것이랍니다!

따라서 이 명령어를 입력하는 이유는

git config --global core.autocrlf true

git에 core.autocrlf라는 crlf 자동 변환 기능이 있기 때문에 이 기능을 활성화 해주면 에러가 나지 않는 것입니다!

🙇 오늘도 읽어주셔서 감사합니다!

🔧 작성자 환경

1. Apache : 2.4.58
2. PHP : 8.3.2
3. Mysql : 8.3.0

apachectl -v // 아파치 서버 버전 확인

php -v // php 버전 확인

mysql --version // mysql 버전 확인

위 명령어를 실행시켰을 때 버전이 나오면 설치가 잘 된겁니다! 만약 나오지 않는다면 삭제 후 재설치 진행해주세요.

아직 설치 안하셨다면 이 분 글을 참고해주세요! 정리가 너무 깔쌈합니다..

👉🏻 MacOS Apache + php 설치 및 설정 👉🏻 MySQL Mac에 MySQL 설치하기 M1칩

🪜 대략적인 단계

1. 서버 및 데이터베이스 구동
2. VScode에서 php 파일 실행

1. 서버 및 데이터베이스 구동

아래 명령어를 통해서 서버와 데이터베이스를 구동해줄겁니다.

brew services start httpd // 서버 구동 brew services start mysql // 데이터베이스 구동

brew 명령이기 때문에 homebrew가 설치되어 있어야합니다. 없다면 homebrew를 꼭 설치해주세요. 맥 유저라면 필수입니다!

2. php 파일 실행

먼저 실행할 프로젝트를 VScode에서 열어줍니다!

php -S 127.0.0.1:포트번호

VScode 터미널을 열고 위 명령어를 실행해줍니다.

그럼 이렇게 주소가 부여됩니다!전 포트를 8080으로 설정하였습니다. 부여된 링크를 웹 브라우저에서 열면..

제대로 실행되는 것이 보입니다!

🙇 오늘도 읽어주셔서 감사합니다!

개발환경 (Develop Env)

• M2 mac
• VScode
• flutter 3.16.9
• Xcode (IOS simulator)

여느 때와 같이 main.dart를 실행했더니 simulator에서 이런 에러가 나왔습니다!

// simulator에서 나온 에러 failed to launch IOS simulator

// vscode에서 나온 에러! Simulator didn't connect within 60 seconds vs code

🪜 해결방법은 초간단입니다!

1. Mac 왼쪽 최상단  로고를 클릭합니다.
2. [이 Mac에 관하여] 를 클릭하고, 추가 정보를 클릭합니다.
3. 조금 내리면 매킨토시 HD 저장공간이 뜨는데, 저장 공간 설정을 클릭합니다.
4. [개발자]의 ℹ버튼을 클릭 후, Xcode 캐시를 지워줍니다.

재시동을 했는데도 안된다면 이 방법 시도 후 다시 재실행 해주세요!

🙇 감사합니다!

❓ Floating Button이란?

글을 작성한다거나 무엇을 추가할 때, 저 위치에 저런 모양의 버튼이 있는 것을 꽤나 자주 볼 수 있습니다. 화면 위에 "띄워져" 있기 때문에 Floating Button이 아닌가 싶습니다.

😶 Floating Button 사용방법

• build.gradle에 material 추가
• theme 적용
• floating button 사용

- 1. build.gradle에 라이브러리 추가하기

먼저 build.gradle(:app)에 라이브러리를 추가해줍니다. version은 바뀔 수 있으니 해가 지남에 따라 버전체크 해보시기 바랍니다.

//AndroidX용
implementation("com.google.android.material:material:1.8.0")

근데!! 많은 분들의 글을 보면 라이브러리를 이렇게 추가하기도 하더라구요.

//Support Library 시절(?)
implementation (“com.android.support:design:26.1.0”)

이건 이전의 Support Library용 이고, 이젠 AndroidX를 권장한다고 합니다. 되도록이면 AndroidX로 migration 하는 것을 추천드립니다.

gradle.properties에 밑코드를 붙여넣기하여 마이그레이션 하세요!

android.useAndroidX=true
android.enableJetifier=true

- 2. Theme 적용

res/value/theme 내에 있는 parent코드를 이렇게 변경해주세요.

theme.xml

<style name="Theme.DreamOrReality" parent="Theme.AppCompat.Light" />
<!--Floating Button의 테마 (Meterial을 상속하기 때문에 꼭 MaterialComponents로 해주어야 해요!-->
<style name="Theme.Fab" parent="Theme.MaterialComponents.Light.DarkActionBar"/>

Manifest.xml 파일 내 theme이 "Theme.프로젝트명" 이렇게 부여된 모든 Activity의 테마는 일반 테마를 적용하고,

저같은 경우에는 Floating Button을 사용하는 특정 페이지만 적용하고 싶기 때문에 name이 Theme.Fab인 style을 하나 더 만들어서 Manifest 파일에 theme을 변경해주었습니다!

AndroidMenifest.xml

<!--StudyActivity는 Theme.Fab (Floating Button) 테마를 적용-->
<activity
    android:name=".StudyActivity"
    android:exported="true"
    android:label="@string/app_name"
    android:theme="@style/Theme.Fab">
</activity>
<!--HomeActivity는 Theme.DreamOrRelity (일반) 테마를 적용-->
<activity
    android:name=".HomeActivity"
    android:exported="true"
    android:label="@string/app_name"
    android:theme="@style/Theme.DreamOrReality">
</activity>

- 3. floating button 넣기

이젠 그냥 원하는대로 디자인 적절히 해서 넣으면 끝입니다!

<com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom|right"
                android:textAlignment="center"
                android:layout_margin="15dp"
                android:text="+ 글작성"
                android:backgroundTint="@color/원하는 색상"
                tools:ignore="RtlCompat,RtlHardcoded" />

생각보다 별거 아닌데 gradle 라이브러리때문에 애를 조금 먹은것 같네요..