0️⃣ 도대체 내가 왜 PHP를...여전히 의문이다 (젠장)... 도대체 내가 왜 PHP를 하고 있는지가... 의문은 고이 접어두고 PHP를 아예 할 줄 모르는 모바일 개발자로서 완전히 꼬여버린 스파게티 레거시 코드, PHP를 어떻게 풀어나가는지에 대해 설명하겠다. (내가 PHP를 완전히 할 줄 모른다 뿐이지, HTML/CSS는 할 줄 알고, React/Next.js의 간단한 퍼블리싱 정도 및 라이브러리 연동은 할 줄 아는 초보 웹개발자 수준에 가깝다는 걸 미리 알린다.)1️⃣ PHP 레거시 현황부터 알아보자 개발자라면 응당 AI를 사용해서 개발하기 마련. 몇 년 전만 해도 AI는 커녕 구글 서치에 의존하여 버그를 고치곤 했었는데 덕분에 구글 서치력 하나는 끝내주게 늘어서 지금까지 유용한 능력으로 활용되..

0️⃣ 모바일에서 localhost를 열어야만 하는 상황 F12를 통해 모바일 반응형을 보는 게 한계가 있을 때가 있다. 물론 여러상황이 있겠지만 나 같은 경우엔 반응형 Swiper 화면이 PC에서 반응형으로 보면 제대로 Swipping 되지 않는데, 실제 디바이스에서는 제대로 Swipping 되는 버그가 발생했었다. 이를 확실하게 확인하기 위해서 모바일 디바이스에서 로컬 환경을 열어야만 했다.1️⃣ 같은 WIFI 연결하기 우선 맥북을 기준으로 설명하겠다. 우선 맥북이 현재 연결되어있는 와이파이와 내가 로컬에 접속하고 싶은 모바일 디바이스의 와이파이가 일치해야한다. 때문에 이렇게 연결되어 있는 와이파이를 확인하고, 맥북과 휴대폰의 와이파이를 일치시킨다. 2️⃣ 현재 WIFI IP 주소 확인하기 맥북의 와..

⛔ 문제사항zsh: command not found: lszsh: command not found: nanozsh: command not found: vim파이썬을 이용해 크롤링을 하려고 환경 변수를 세팅하는 과정 중에서 무언가 잘못 설정했는지, 갑자기 명령어 들을 찾지 못하는 문제가 발생했다.nano와 vim을 찾지 못했을 땐 당황했어도 침착했지만 ls 명령어까지 찾지 못하자 완전 패닉이었다. ✅ 해결방안ls 명령어 조차 인식하지 못한다는 것은 굉장히 심각한 문제였기 때문에 재빠르게 수정했다!원인은 바로, 파이썬의 환경변수 경로를 잘못 설정해주면서 나의 모든 환경변수가 날아가버린 것이었다. 우선 ls 명령어를 인식하지 못하기 때문에 터미널을 이용해서 cli로 해결하는 건 더이상 할 수 없다. gui를 ..

⛔ 문제사항어쩌다보니 Vue까지 하게 됐는데 (땀땀) 묘하게 거슬리는 워닝이 자꾸 떠서 살펴보니 이런 경고였다.Failed to write the global types file. Make sure that: 1. "node_modules" directory exists. 2. "vue" is installed as a direct dependency. Alternatively, you can manually set "vueCompilerOptions.globalTypesPath" in your "tsconfig.json" or "jsconfig.json". If all dependencies are installed, try running the "vue.action.restartServer" comm..

내일배움캠프?말만 들어보고 해본 사람만 봤지 실제로 내가 참여하게 될 줄은 꿈에도 몰랐다... 그렇다면 내일배움캠프를 신청하게 된 계기부터 느낀점과 장단점, 마지막으로 추천여부까지 모조리 하나하나 파헤져보겠다.1️⃣ 그럼 원래 뭐하던 사람이냐, 너는. 디자인은 전공을 하던 사람으로서, 대학 4학년 때 디자이너의 길로는 먹고 살 길이 없을지도 모른다! 라는 생각 하에 개발 공부를 시작했었다. 당시엔 웹언어를 공부하며 React를 독학했었는데 그 때에도 스파르타 강의를 돈 주고 사서 봤던 기억이 있다. state가 뭔지 몰라서 끙끙 앓았으니 useState를 잘 쓸 리가 만무했다. 스파르타 측에서 제공하던 슬랙 공간에서 선생님께 여쭤봤고 친절하게도 답변 해주셨던 기억 덕분에 더욱 스파르타 강의에 대한 믿음이..

1️⃣ Fragment 생명 주기는 어떻게 구성되어 있나요?각 메서드가 어떻게 호출 되는지, 어떤 역할을 하는지 이해해야합니다.  Fragment의 생명주기는 Activity의 생명주기와 유사한 점이 많습니다. Activity와 동일하게 Fragment도 생성될 때엔 onCreate로 동작합니다. 하지만 그 전에 Fragment가 Activity에 붙어 등장할 땐 onAttach를 통해 동작합니다. 또한 화면을 그릴 땐 onCreateView와 onViewCreated에서 View를 생성하고 초기화합니다. 이후엔 onStart, onResume, onStop 등의 과정을 거쳐 Fragment가 소멸할 때 onDestroyView와 onDestroy가 호출되어 사라집니다. Fragment를 사용자의 화면에..

1️⃣ 안드로이드의 4대 컴포넌트는 무엇인가요?각 컴포넌트에 대해 자세히 설명할 수 있어야 합니다. (Activity, Service, Receiver, Provider) 안드로이드의 4대 컴포넌트에는 Activity, Service, Receiver, Provider가 있습니다. 이 4개의 컴포넌트들은 각각의 생명주기를 가지고 있으며 Intent를 통해 데이터를 주고 받을 수 있습니다. Activity는 사용자와 직접 상호작용을 할 수 있으며, Service는 백그라운드에서도 작업을 수행할 수 있습니다. Receiver는 문자나 배터리와 같은 이벤트를 수신할 수 있으며 Provider는 공유 데이터를 읽고 가능하다면 수정까지 가능합니다. 2️⃣ Activity의 생명주기는 어떻게 구성되어 있나요?각 ..

⛔ 문제사항이때까지 정말 많은 레포지토리를 생성하며 작업해봤는데 이렇게 터무니 없이 거절하는 경우는 처음 봤다. 이젠 레포 하나도 생성하지 못하는 건가 좌절할 뻔 했다...✅ 해결방안화면만 보면 막연하게 Repository creation failed. 라고만 나와서 당황했는데 침착하게 콘솔창을 열어 에러 메세지를 확인했더니 다음과 같았다.에러 코드는 422번으로 구글에 422번 에러를 검색하면 결과가 생각보다 많이 나온다. 대충 언더바 또는 하이픈의 문제라고 많이 지적되는데 이 문장부호가 스타일 시트와 충돌나는 것으로 예상된다. 레포지토리 명만 언더바에서 하이픈으로 바꾸면 될 줄 알았는데 의외로 레포명이 아닌 디스크립션 문제였다. 디스크립션에서도 하이픈을 사용했고 특히 나는 자동완성으로 텍스트를 입력했..

내가 Android 트랙에 참여한 계기는 무엇인가요?안드로이드 트랙에 참가하게 된 이유는 Flutter 개발자의 한계를 느꼈기 때문이다. Flutter언어가 좋다고 블로그에 포스팅 할 때는 언제고 Kotlin인가! 싶지만 언어의 한계를 느꼈다기보단 협소한 필드에서의 벽을 느꼈다. 본디 직장인이란 더 큰 회사를 향한 욕구가 있기 마련인데 Flutter로는 중견~대기업의 문이 지나치게 좁아 내가 도전할 수 있는 기회가 적다고 느꼈다. 또한 크로스플랫폼 언어를 통해 모바일 개발을 꾸준히 하다보면 언젠가 Native 영역을 다루어야 할 시기가 올 것이라고 생각 돼, 부트캠프를 통해 자기개발을 하고 싶었다.내가 이해한 Android 개발자/앱개발자는 어떤 역할을 하는 사람인가요?안드로이드 개발자란, Android..

1️⃣ 프로젝트 만들기 $npx create-next-app project-name $npx create-next-app project-name --typescript --typescript를 붙이면 자동적으로 타입스크립트 형태로 맞추어 빌드해준다. 2️⃣ styled-reset 설치 $yarn add styled-reset 3️⃣ styled-component 설치 $yarn add styled-components $yarn add @types/styled-components @types/ 가 붙은 것은 typescript 전용으로 개발된 styled-components이다. typescript를 사용할 경우 둘 다 설치해줄 것 4️⃣ react-router-dom 설치 $yarn add react-r..