#push

이력서에 첨삭할 진행했던 프로젝트들 내용을 보다 더 잘 적고 싶어요.

이력서에 첨삭할 지금까지 진행했던 프로젝트들 내용을 적고 있는데 한눈에 보기 쉽게 큰 범주로 적기에는 너무 포괄적으로 적는것 같고 개발한 기능들을 세부적으로 적거나 해당 프로젝트 진행 후 낸 성과들을 다 나열하면 내용이 너무 길어지는것 같아서 어느정도로 구체화해서 적어야될지 헷갈려서 조언을 구해 봅니다. 아래는 지금 작성된 내용입니다. 현재는 프로젝트별로 포괄적으로 적거나 좀 더 디테일하게 적거나 기준점을 못찾은 상황입니다. [ 2022. 12 ~ 2022. 01 • 프로젝트 명 : 집 클릭 • 주요 설명 : 전세임대 지원 사이트로 권리분석을 의뢰할 수 있는 사이트 • 담당 업무 : 자사 서비스 웹 크롤링 기능 개발 -puppeteer 사용 등기부등본 발급 자동화 웹 크롤링 작업 • 기술 스택 : Node.js 2023. 06 ~ 2023. 07 • 프로젝트 명 : 브릭 인프라 • 주요 설명 : 자사 서비스 종합 관리 사이트 • 담당 업무 : 자사 어드민 프론트엔드 개발 • 기술 스택 : React 2023. 08 ~ 2024. 06 • 프로젝트 명 : 키오 솔루션 • 주요 설명 : QR 주문 결제로 보다 편리한 결제 시스템을 이용할 수 있는  솔루션 • 담당 업무 : 자사 솔루션 "키오" 활용 서비스 개발 및 운영 유지 보수 - 메뉴형 결제 서비스 "키오브릭" 프론트엔드 유지 보수 - 금액입력형 결제 서비스 "스마트 노점" 프론트엔드 개발 및 - 해당 서비스 관련 어드민 풀스택 유지 보수 - 자사 어드민 풀스택 유지 보수 • 기술 스택 : React, GraphQL, Node.js, MySQL 2023. 09 ~ 2024. 06 • 프로젝트 명 : 오늘 우리 가게 • 주요 설명 : 자영업자 대상 매출, 리뷰, 주문 현황, 광고 현황 분석 앱 • 담당 업무 : 자사 서비스 오늘 우리 가게 기능 개발 및 운영 유지 보수 - React Native 앱 메인 화면 개발 - 전체 React Native 앱 기반 프로젝트 WebView 기반 프로젝트로 전환 작업 진행 - 리뉴얼 된 WebView 구성 화면 프론트엔드 개발 - 우리 가게 리뷰 듣기 TTS 하이브리드 기능 개발 - 네이버 클라우드 이용 카카오 알림톡 서비스 벡앤드 유지 보수 - 앱 테스트 및 배포, CodePush 작업 진행 • 기술 스택 : React Native, MobX, React, Redux, TypeScript, Next.js, Node.js, MySQL 2023. 11 ~ 2024. 02 • 프로젝트 명 : 빌딩 CAS • 주요 설명 : 건물 내 입주사들을 위한 공지, 관리비 결제 및 장터 커뮤니티 기능을 제공하는 앱 • 담당 업무 : 외주 서비스 빌딩 CAS 프론트엔드 및 앱 개발 - WebView 기반 프로젝트 초기 환경 구축 및 아키텍처 설계 - React Native 앱 메인 화면 개발 - WebView 주요 기능 프론트엔드 개발(소셜로그인, 회원 정보 관리, 관리비 결제, 문의하기, 중고장터 게시판) - 앱 테스트 및 배포, CodePush 작업 진행 • 기술 스택 : React Native, React, MobX, Node.js, PostgreSQL *** 포트폴리오 링크를 통해 더 자세한 내용을 확인 하실 수 있습니다. ]

Code push 중단 후 대안

25년 3월에 code push 중단한다는 발표가 있었는데 혹시, 대안이 있을까요? 제가 신입이라 다른 회사는 react native 앱을 어떻게 배포하는 지 궁금합니다.

git 협업중 파일 날라감…

팀원들과 깃 브랜치를 나누어 개발하고 develop 브랜치에 올리는 작업을 하고 있습니다(이클립스 사용) develop에 pull request 를 바로 하려다가 팀원이 본인은 pull request 했는데 충돌난다하길래 그럼 저도 충돌이 나겠다 싶어서 제 프로젝트의 .metedate폴더를 다른곳으로 옮기고 .metadata폴더가 없는체로 develop브랜치로 merge 했습니다 그런데 다른 폴더에서 제가 develop으로 올린 프로젝트를 pull 해서 열어보니 프로젝트가 안불러와지더라구요ㅜㅜㅜ 이거 혹시 해결방법이 있을까요… 구글에 찾아보니 .metadata 지우고 push하길래 따라했는데 이러면 안되는거였나요,,ㅠㅠㅠ 혹시 조금이라도 아시는분 있으시면 조언좀 부탁드립니다ㅜㅜ

iOS에서 PWA 웹 푸시알림이 오지 않는 에러

안녕하세요. PWA로 웹 푸시알림을 구현했습니다. 그냥 서비스워커와 web-push 라이브러리 사용해서 구현했는데 맥북에서는 알림이 오는데 아이폰에서는 오지 않고 있습니다. 크롬, 사파리 둘 다 홈화면에 추가했지만 알림이 오지 않았고 iOS 17.4, 17.5 버전입니다. 혹시 해당 이슈에 대해 경험해보신분 있으실까요ㅠㅠ

Flutter terminated 상태에서 full-screen 알람 질문드립니다,,

flutter로 프로젝트 진행중인데 막혀버려서 질문드립니다,, 현재 fcm을 통해 data의 isfullscreen의 값을 bool 값으로 받아 true라면 원하는 페이지를 띄워 강한 알람을 주고 false라면 일반적인 push 알람을 받으려고 합니다. 알람 어플들을 생각하면 편하실 것 같아요. 조건은 다르지만 특정 상황에서 잠금화면이라도 페이지를 통해 사용자가 이벤트를 실행하면 꺼지게 하고 싶은데 쉽지가 않아서 질문드립니다,,, 혹시 flutter로만은 안될까요?

개발용 Docker 컨테이너 내부에서 spring boot 외 다른 프로세스 돌리기

Gitlab과 유사하게 작동하는 Git을 사용한 CI 웹 어플리케이션을 만들고 있습니다. API 서버는 spring boot + JGit을 사용하여 구축하여 웹 서버를 띄우고, 개발자가 CI 서버에 접근하여 git clone 또는 git push 를 해야 하기 때문에 ssh 서버를 띄워서 백엔드에서 총 두개의 서버를 구동시켜야 하는 상황입니다. 두 서버는 서로의 정보를 필요로 하기 때문에 파일 시스템을 공유해야하구요. 설치형 어플리케이션이기 때문에 docker를 사용하여 플랫폼 독립적으로 설치를 할 수 있게 하려고 했어요. 근데 이 서버를 두개 띄우는 시나리오가, Production 환경에서는 spring boot 서버를 jar 파일로 만들어서 파일로 나오게 된다면, 따로 스크립트 파일을 작성해서 ssh 서버와 spring boot 서버를 한 컨테이너에서 실행시키게 할 수는 있을 것 같습니다. 하지만 Intellij를 사용하는 개발환경에서는 한 컨테이너로 하기가 좀 어렵더라구요 지금까지 시도해본것은 1. 한 컨테이너에서 ssh 서버를 띄운 후 Intellij 원격 개발 기능을 사용하여 컨테이너에 ssh로 붙는다. -> Intellij에서 코드 작성 속도가 너무 느립니다. 그리고 버그가 너무 많아서 못쓸 지경이예요. 2. Intellij Docker 플러그인을 사용한다. Intellij 에서 이미지를 지정해서 spring boot를 로컬에서 돌리는 것처럼 만들어주는것이 있더라구요. -> 이 방법으로는 한 컨테이너에 spring boot 하나만 돌릴 수 있는 것 같았습니다. (아니라면 알려주세요 ㅠㅠ) 2-1. 컨테이너를 ssh 서버용, spring boot 개발 서버용 두개를 작성하여 Intellij Docker 플러그인을 사용하여 spring boot 개발 서버를 돌리고 둘을 Volume으로 공유한다. -> 이 방법이 가장 정석인 것 같긴 한데, ssh 서버에서 생성한 파일과 spring boot 에서 생성한 파일 간에 접근 권한 이슈가 있을 것 같아서 이렇게 하는게 맞나 싶습니다. 이렇게 한다면 Production 환경과 다를 수 있으니 Production도 개발환경과 유사하게 두 컨테이너로 운용해야겠지요? 3. (아직 시도는 안해봤지만) 개발 환경 자체를 리눅스 데스크탑을 사용하여 개발한다. (or wsl을 사용한다) -> 가장 간단한 방법이겠지만 이것 또한 Docker를 사용하려는 Production 과 환경이 다를 수 있어서 고민이 됩니다. 제가 원하는건 딱 이거인 것 같아요. Intellij에서 실행버튼 하나를 딱 누르면 ssh 서버도 띄워지고, spring boot 개발서버도 띄워지고. 여기까지가 제 고민입니다.. 어떻게 개발 환경을 꾸리는게 좋을까요…? 아니면 제가 미처 생각하지 못한 방법이 있으면 말씀해주시면 감사드리겠습니다. 긴 글 읽어주셔서 감사합니다. Docker 라는걸 이제 막 사용하기 시작해서 모르는 것 투성입니다. 도움 부탁 드려요…!

React Native CodePush 배포 중 궁금증이 있습니다!

안녕하세요 :) React Native 개발자분들께 궁금한 점이 있어 질문 올립니다. 보통 RN앱은 CodePush를 사용해서 핫픽스나 유지보수 등의 목적으로 배포를 진행하는데, 신규 feature 개발로 인한 라이브러리 추가 혹은 Native쪽 소스코드를 수정하였을 때에는 스토어 배포를 해야 앱에 적용되는 것으로 알고 있습니다. 여기서 궁금한 점! 신규 feature 개발로 라이브러리를 추가하였을 때 앱 업데이트를 필수로 해야하는데, 사용자가 만약 앱 업데이트를 하지 않고 CodePush에 업데이트된 버전만 받게 되면 해당 추가된 페이지에서 충돌이 나지 않을까 하는 의문이 생겼습니다. 또, 스토어에 업데이트를 했다 하더라도 CodePush에 업데이트를 해주지 않으면 이전에 올려둔 Codepush 앱 버전만 사용자가 보게 될텐데, 다른 RN 개발자분들은 스토어 배포와 Codepush 배포를 어떤 방식으로 진행하게 되는지 여쭤봅니다!

flutter 화면 전환

안녕하십니까! Flutter로 졸업 작품 앱 개발 진행 중인 대학생입니다. Splash 화면 구현과, 자동 로그인 및 사용자 초기 정보 입력 페이지를 구현하던 중, 화면 전환에 대해 궁금한 점이 생겼습니다. 1. Navigator.push()를 이용해서 route를 전환 2. route를 구성하는 전체 위젯을 갈아끼움 두 방법 중 사용자에게 또 다른 화면 구성을 제공하는 방법에는 어떤 것이 더 효율적이며, 무슨 차이가 있는지 궁금합니다!! 예시 1번 if (_autoLogin) { Navigator.push(context, (context) => FirstPage()); } else { Navigator.push(context, (context) => SecondPage()); } 2번 Scaffold( body: _autoLogin ? FirstPage() : SecondPage() )

codepush 적용

codepush는 마이크로소프트사에서 자체적으로 서비스를 제공하는거라고 알고있습니다. 회사 업무 특성상 자주 배포해야하는 이슈때문에 코드푸시를 적용했습니다. 코드푸시 업데이트 창이 뜨게 되면 사용자의 선택으로 업데이트를 진행한 후 다시 로딩이 됩니다. 현재는 코드푸시 업데이트는 코드푸시 업데이트대로 뜨고, 앱은 앱대로 뜨도록 구현이 되어있습니다. 이걸 코드푸시 업데이트가 있으면 코드푸시 업데이트를 띄우고, 업데이트가 없다면 업데이트를 안띄우고 앱으로 바로 넘어가도록 수정을 하고자합니다. 궁금한점은, 1. 마이크로소프트사의 서버가 불안정하다고 많은 문서를 봤습니다. 만약 코드푸시 업데이트가 있으면 업데이트가 띄우도록, 없으면 없는대로 앱을 구현할 수 있도록 한다고 했을때, 업데이트 유무를 판단하는 codePush.checkForUpdate() 를 통해 구현을 한다면, 데이터를 가져오는데 시간이 지연될 수 있다고 생각이 듭니다. 시간이 지연되더라도 최소 ex)5초 가 지나면 업데이트를 무시하고 앱을 구현할 수 있는 방법이 있을까요? 많은 블로그에서는 코드푸시 업데이트 유무로 판단한 후 업데이트창을 띄울지 말지를 결정을 하는것같은데, 서버가 불안정할때는 지연시간이 길어지지 않을까.. 싶습니다. 코드푸시를 업무에서 적용하고 있는 분들 도움을 주세요.... ㅜㅜ 추가적으로 android에서 코드푸시 업데이트 창이 떠서 업데이트확인 버튼을 눌렀음에도 불구하고 아무런 반응이 없는 경우가 있습니다. 이 경우에 다시 앱을 재시작하면 다시 코드푸시 업데이트 창이 떠서 문제없이 해결할 수 있었습니다. 하지만, ios의 경우에는 같은 상황이여도 재시작하면 코드푸시 업데이트 창이 안뜨는경우가 간혹 있습니다. maxRetryAttempts: 3 이 설정을 추가하여도 안되는 경우가 간혹 발생하는데, 어떻게 처리 해야할지 도움을 주시기 바랍니다... ㅜㅜ

Docker Hub Image Push 후에 EC2에서 자동으로 Pull -> service start하기

현재 GithubAction으로 Spring Boot jar 파일을, 도커 빌드, 도커 푸시까지 완료해서 도커 허브에 private repo에 올려놓는데 까지는 성공했습니다. 여기서 두번째 단계로, ssh action을 사용하지 않고 private subnet에 위치한 EC2 instance에서 푸시된 도커 이미지를 가져와서 compose up을 하고 싶습니다. 이걸 수행할 수 있는 팁이나 방법이 있을까요? self-hosted라는게 보이는데 잘 모르겠더라구요.. 제가 찾지 못하는 팁이나 자료들 부탁드립니다! 감사합니다!

JSON 데이터 DB 저장

안녕하세요. Java Spring으로 백엔드 서버 마이그레이션, 알람 기능 개발 중에 고민이 있어 질문드립니다. [상황] 기존 알람 서비스는 하나의 서비스 Class로 통합해서 두고, 문자, 푸쉬알람, 이메일 3가지 경우로 기능을 swith하여 각 기능별로 서비스를 호출하는 방식으로 구현되어 있습니다. 알람과 관련된 데이터는 JSON 파일에서 불러와 jsonObejct와 Map 자료구조를 통해 가공하여 기능 구현이 되어있습니다. 알람 데이터 JSON 파일은 상황별 코드에 따라 문자, 푸쉬알람, 이메일로 데이터가 구분되어 있습니다. JSON 파일은 대략적으로 아래와 같은 형태입니다. (mail 알람의 경우엔 HTML 파일을 전송하는 방식입니다. thyemleaf를 통해 전달받은 파라미터 값만 HTML에 주입하는 형태로 구현되어 있어서 msg 안에 String 대신 JSON 형태의 데이터가 들어가고 있습니다.) [알람 JSON 데이터 구조 예시] { "code1" : { "Sms" : { "title" : "sms 제목", "msg" : "sms 메세지", }, "Push" : { "title" : "push alarm 제목", "msg" : "push alarm 메세지", }, "Mail": { "title" : "mail 제목", "msg": { "name" : "#{name}", "use" : "#{use}", ... }, "code2" : {... }, ... } [문제 인지 & 개선 방향 고민] 알람 데이터가 JSON으로 정의되어 있다보니, 기능 개발을 위해 Json 파일을 읽고, JsonObject와 Map 자료구조로 데이터 가공을 할 수 밖에 없는 상황인데요. 제가 알기로는 자바에서 Map 자료구조를 사용하게되면 타입 자체가 불명확해서 지양해야 하며, JSON 파일로 관리 시 하드코딩에 해당되어 기능 자체에 제약이 많다고 판단하여 해당 상황을 DTO로 관리함과 동시에 Database에서 관리하도록 바꿔볼까 생각중입니다. [궁금증 & QnA] 이 상황에서 고민 & 궁금증이 몇 가지 있습니다. 1. 해당 알람 데이터를 DB 관리로 바꾸는게 더 나은 선택인지? -> 만약 바꾼다고 하면 Alarm Table을 따로 두고, User Table과 N:M 매핑하는식으로 구현할 생각입니다. 2. , mail HTML Template이 다양하다보니, Template 마다 넘겨줘야하는 JSON 데이터가 다양한 상황입니다. 그러다보니 mail msg 컬럼에는 다양한 형태의 JSON 데이터가 들어가게 되어 이걸 DB로 구현한다고 하니 막막한 상황입니다. -> 결국 해당 부분만 JSON 데이터로 넣는것 말고는 떠오르는 방법이 없네요.(해당 부분만 JSON 데이터로 넣으면 오히려 관리가 더 어려워지지 않을까 고민입니다.) 3. 다른 분들은 알람 기능을 어떻게 구현하는지 궁금합니다.

많은 유저 수를 감당할 수 있는 소셜 서비스의 백엔드 어떻게 구성하나요?

안녕하세요. 창업 겸 작은 프로젝트를 준비하고 있는 학생입니다. 소셜 앱 쪽으로 하고 있어. 많은 트래픽과 유저를 감당할 수 있는 백엔드를 구성하고자 합니다. 혼자 개발을 하고 있어 개발 리소스가 부족하고 원래 프론트를 주로 하다보니 많이 부족합니다. 저의 목적은 다음과 같습니다. 1. 최대 50만 유저까지 (물론 50만 유저 달성은 정말 어려운 일이라고 생각합니다) 2. Auto Scaling이 되어 배포 후에 큰 신경을 안 써도 되며 3. 최대한 적은 비용을 유지하고 싶습니다. 우선 제가 뭐라도 공부해보고 질문을 드려야 할 것 같아서 나름대로 구성해봤습니다. 백엔드 언어: express 프론트 언어: RN 서비스 요약: 매일 하나의 사진을 올리고 유저끼리 투표하는 서비스 (많은 socket 알림이 오감) 서버 배포: AWS API Gateway+ AWS Elastic Beanstalk or AWS lambda DB: mongoDB atlas 이미지 저장: s3 push: FCM - 여쭤보고 싶은 사항은 다음과 같습니다. 1. 배포를 AWS lambda를 고려하고 있습니다. 서버를 서버리스로 구성하면 더 저렴할까요? 2. mongoDB atlas에서 요금을 쓰는게, aws의 DocumentDB를 사용하는 것보다 더 저렴할까요? 3. 더 비용을 낮추기 위해서는 어떤 선택을 할 수 있을까요? 제가 뭘 더 알면 좋을까요? 많이 부족하고 긴 글 읽어주셔서 감사합니다.

유저 디바이스 알림 허용 여부를 추적하는 방법

안녕하세요! 앱 서비스 그로스 마케터(PM)으로 일하고 있는 비개발자입니다. 저희 앱은 React Native 프레임워크에 Node.js 언어를 사용 중인데요! iOS, Android 각 유저의 Push 알림 허용 여부를 추적하여, 알림을 허용하지 않은 유저가 특정 트리거를 만족시켰을 때 알림 허용 유도 팝업을 띄우고 싶습니다. 저희 개발자분이 알림 허용 여부 추적 방법을 잘 찾으실 수 있도록 도와드리고 싶은데, 혹시 간단한 가이드가 있을까요? 긴 글 읽어주셔서 감사합니다.

회사에서 앱 개발 하시는 분들! 알림 기능 구현 방법 어떻게 하시나요?

원하는 것 (리액트 네이티브로 개발하여서 안드로이드, IOS 모든 기기에 알림 기능 탑재) 1. 회원중 특정 권한이 부여된 회원에게만 알림을 보내고 싶습니다. 2. 알림을 보내는 기능은 (자체 제작한) 앱 서비스 관리자 페이지에서 '알림 페이지'를 제작하고 그 안에서 보내고 싶습니다. (쉽게 말 해 타 서비스 도움 없이 앱 푸시 알림기능 개발 후 적용) 3. 구독료를 내야하는 서비스를 이용하고 싶지 않습니다(무료 가입 후 추후 유료 전환도 마찬가지) 4. FCM을 사용하지 않으면서 구현을 하고 싶습니다. 궁금한 것 1. IOS는 인증서를 무조건 다운받아야 하나요? 혹은 사용하는 서비스, 기능에 따라 나른가요? - 1-1. 필수로 인증서가 있어야 한다면 바꿔 말 하면 '애플 개발자'등록 시 앱 푸시 알림 기능을 기본으로 제공해 주나요? - 1-2. 그렇다면 안드로이드는 어떤식으로 진행하나요? 2. 기능 개발에 사용하시는 라이브러리가 있을까요? "npm install --save @react-native-community/push-notification-ios' 라던지 3. 회사에서 앱 개발 하시는 분들은 어떻게 진행하시는지도 궁금합니다!

react native codepush 깃 브런치전략

신입개발자이고 codepush로 급히수정해야하는 부분만 수정해서 배포하고있는데요 깃에 브런치를 어떻게 관리하는게 잘하는방법인지 잘 모르겠습니다.. 현재는 master-develop 아래에 codepush랑 feature브런치가있습니다 새로운 기능과 함께 코드푸시에 적용됐던 내용들을 같이 버전올려서 심사올리려고하는데 codepush에 커밋된내용들이있으니까 develop으로 머지후 feature도 반영해야할까요? 아니면 합치지않고 feature에서 코드푸시내용이랑 새기능 추가하여 develop브런치로 머지해야할까요? 도와주십쇼 ㅠㅠㅠ

github commit 깃허브 커밋 문제

깃허브에 개인 프로젝트 2개를 각각의 레파지토리에 올려놓은 상태인데요, (편의상 첫번째 레파지토리를 A, 두번째 레파지토리를 B라고 하겠습니다.) A와 B를 커밋 후, A에 수정할 부분이 생겨 다시 업로드를 하였는데, B에 올려놓은 프로젝트가 A에도 업로드 되는 문제가 여러 번 있었습니다. 깃허브에 대한 이해가 높지 않고, 일단 만든 프로젝트를 먼저 올려두려고 유튜브를 참고하여 올린 상태라, 어느 부분에서 문제가 생긴건지 파악하기 어려워 질문 올려봅니다! 첫 커밋 이후, 매 커밋 마다 `git remote remove origin` 로 연결을 끊고 재연결하여, `git push origin master`로 커밋하였는데, 혹시 이게 문제가 됐을까요?

JavaScript 질문-for 루프와 전역 변수 관련

``` var func = []; // 함수의 배열을 생성하는 for 루프의 i는 전역 변수다. for (var i = 0; i < 3; i++) { func.push(function () { console.log(i); }); } console.log(func); // 배열에서 함수를 꺼내어 호출한다. for (var j = 0; j < 3; j++) { func[j](); } /* 실행결과: [Log] Array (3) => "console.log(func);" 0 function () { console.log(i); } 1 function () { console.log(i); } 2 function () { console.log(i); } [Log] 3(3)=> "for (var j = 0; j < 3; j++) { func[j](); }" 3 3 3 */ ``` 자바스크립트 클로저를 공부하다가 이해가 되지 않는 부분이 있어서 질문을 남깁니다. 첫 번째 for 루프에서 func 배열에 인덱스 숫자를 콘솔에 출력하는 함수를 순차적으로 집어넣는 로직을 작성해서 두 번째 for 루프에서 그것을 호출시키는 로직을 작성했는데 '0, 1, 2'가 아니라 보기와 같이 '3, 3, 3' 이렇게 출력되었습니다. 이렇게 출력되는 원인을 찾아봤더니 첫 번째 for 루프에 선언된 초기식 변수 var i가 전역 변수이기 때문이라는 설명이 있었습니다. 그러면 'var i'의 변수값이 두 번째 for 루프의 초기식인 var j에 영향을 미쳤다는 얘기로 보면 되는건가요?

사전과제를 통한 기술면접에선 보통 어떤식으로 진행되나요?

다음주 수요일 기술면접이 있습니다. 사전과제를 제출하였고 해당과제를 바탕으로 기술면접을볼 예정입니다. 기능구현 요구사항에 에러처리하는게 있었는데 이부분이 미흡한것같아 사전과제 제출기한이 지나고 2~3일후 리팩토링하였는데 이런부분을 좋게 봐주실까요..? 브랜치는 일부러 한개를 더 만들어서 리팩토링브랜치에 push하여서 제출기한 커트라인 전에 제출한 코드와는 섞이지 않도록 하였습니다. 사전과제를 통한 기술면접은 보통 어떤식으로 이루어지나요? 첫 면접이라 떨리고 어디 물어볼곳이 없어서 글 남깁니다 ㅠ

<input type="file" multiple> 관련하여..

<template> <div> <input ref="fileInput" type="file" accept="image/*" multiple="true" @change="handleFileInputChange" /> <button @click="openFileInput" class="select-button"> Select Images </button> <div class="preview-container"> <div v-for="file in selectedFiles" :key="file.lastModified" class="preview-item" > <p>{{ file.name }}</p> <div class="preview"> <img :src="previewImage" style="width: 100px" /> </div> <!-- <img :src="URL.createObjectURL(file)" /> --> <button @click="removeFile(file.lastModified)" class="remove-button"> X </button> </div> </div> </div> </template> <script setup lang=“ts”> const fileInput = ref() const selectedFiles: Ref<Array<any>> = ref([]) const openFileInput = () => { fileInput.value.click() } const previewImage = ref<any>('') const handleFileInputChange = e => { // const files = Array.from(fileInput.value.files) const files = e.target.files console.log('files', files) selectedFiles.value.push(...files) console.log('add selectedFiles', selectedFiles.value) for (let i = 0; i < selectedFiles.value.length; i++) { const file = selectedFiles.value[i] console.log('handleFileInputChange_ file', selectedFiles.value[i]) const reader = new FileReader() reader.onload = e => { previewImage.value = e.target.result } reader.readAsDataURL(file) } } const removeFile = lastModified => { selectedFiles.value = selectedFiles.value.filter( file => file.lastModified !== lastModified ) console.log('remove selectedFiles', selectedFiles.value) } </script> 모바일에서 카메라로 찍은 여러장의 사진들이 각각의 썸네일로 노출되어야함 현재는 최신 사진으로 엎어치기 됨.. 예) 'A B C D' 의 사진이 나와야하는데 현재는 A 찍고 B찍으면 'B B' 가 됨 C찍으면 'C C C'가 됨 도와주세요!

Next.js에서 navigation시 as 사용 용도?

Next.js에서 router.push에 as 라는 옵션이 있는데, 이걸 Link 컴포넌트에서도 쓸 수 있나요? 사용을 한다고하면 그 용도가 어떻게 되나요? 언제 활용하면 좋은지 감이 잘 안잡혀서 질문 올려요.

rn에서 스크린 이동 시 변수 값 넘겨주는 방법?

react-native에서 스크린 이동 관련 param 넘기는 방법에 대해 궁금합니다. 1. navigation.navigate 나 navigation.push 이외에 params을 전달해주는 방법이 있나요? (ex. 항상 같은 param이 들어가는 screen이라서 push나 navigate 할때마다 의미없는 param 추가 로직이 들어가고 있어요) 2. 현재 스크린말고 이전 스크린에 param을 넘겨줄 수 있나요?

인스타 좋아요를 눌렀을 때 일어나는 일에 대해서 질문있어요

인스타에서 좋아요를 눌렀을 때 실행되는 api 가 /pushLike 라고 했을 때, 일어나는 일을 잘 모르지만 제 생각대로 로직을 풀어보면, 1. ui의 변화 2. /pushLike로 요청 3. 해당 피드를 작성한 유저에게 알림 4. 데이터베이스 업데이트 라고 생각하는데, 만약 비정상 사용자가 좋아요를 아주 빠른 속도로 많이 눌렀을 경우, 요청을 계속 보내는 건가요? 그렇다면 알림도 계속 가겠고, 데이터베이스에도 무리가 갈 거 같아서 그런 건 아닌 거 같은데, 그래서 생각한 거로는, 앱 내부에서 상태를 관리하고 있다가 다른 요청(새로고침 등) 이 필요할 때 변화된 상태를 한번에 요청하는 건가요??

next.js 에서 `<Link />`, `<a />` `router.push()` 를 사용할 때 차이점이 궁금합니다.

페이지 이동을 구현하는 방법이 여러가지라서 너무 혼란스러워요. 각각의 장점과 단점이 잘 이해가 안가네요. 그냥 <Link /> 만 사용하는 방식으로 통일해도 괜찮을까요?

Next.js 에서 처음 보여주는 페이지를 변경하는 방법이 있나요?

Next.js에서 첫 페이지를 index가 아닌 특정 라우트로 설정하려면 어떤 방법을 사용해야 할까요? 딱 접속했을 때 특정 라우트에서 처음 접속하게 하고 싶은 상황입니다. index.tsx에서 useEffect와 router.push를 사용하여 시도해 보았지만, 버그가 발생하는 것 같아 이 방법이 적절하지 않은 것 같더라고요... 다른 방법이 있을까요?

Next.js 에서 url 의 hash 값 변경을 활용하는 방법이 있을까요?

Next.js 에서 router.push 이동을 하는데 url-hash 를 추가하고 { shallow: true } 옵션을 주려고 합니다. 이렇게 해시값을 이용해서 화면 이동 없이 화면에 그려주는 컴포넌트를 변경해주려고 합니다. 그런데 이렇게 할 경우 useEffect 에서 router.asPath 의 변화를 감지하지 못하는 문제가 발생하고 있어요. 이 문제 간단하게 해결하는 방법이 있을까요? 혹은 url-hash 를 사용하는 방법 자체가 잘못된걸까요?

깃,깃헙 사용법이 정확히 이해가 되지 않습니다.

만들어져있는 메인브랜치 외에 test1, test2, test3이라는 브랜치들을 각각 만들어서 작업을 하려고 합니다. 저에게 머지권한은 없습니다. test1 브랜치에서 작업하던 a파일을 깃헙에 push 시켜주고 main브랜치로 이동한 후 test2브랜치를 새로 만들어서 test2 브랜치로 이동하면 test1 브랜치에서 작업하던 파일들이 다 없어지더라구요. 브랜치가 다르니 없어지는건 이해를 했습니다. 이상황에서 아직 test1 브랜치가 머지가 되지 않아서 main브랜치로 pull을 못하는 상황이라고 가정을 하고, test2 브랜치에서 b파일을 작업하려면 a파일이 무조건 필요한 상황이라고 했을시에 a파일을 복사해서 붙여넣는 방법밖에 없나요??

레포지토리에 draw.io 파일 추가 후에 git push 가 안되는 경우..!

수업용 레포지토리인데 프로세스 구조도를 draw.io에서 그린 후 이 레포지토리에 저장을 했는데 그 뒤로 git push가 되질 않습니다 ㅠㅠ! ! [rejected] main -> main (fetch first) error: failed to push some refs to 'https://github.com/레포지토리주소.git' hint: Updates were rejected because the remote contains work that you do hint: not have locally. This is usually caused by another repository pushing hint: to the same ref. You may want to first integrate the remote changes hint: (e.g., 'git pull ...') before pushing again. hint: See the 'Note about fast-forwards' in 'git push --help' for details. 이런 오류가 계속 깃배쉬에 뜨는데 어떻게 해결해야 할지 모르겠어요... 혹시나 해서 저 draw.io 파일을 지우고 시도해보았지만 결과는 같더라구요..! 레포지토리를 삭제하고 다시 만들어서 올리는 수밖엔 없을까요 ㅠㅠ?!

[javascript]array에 push가 안됩니다.

배열에 원하는 데이터를 순서대로 가져온 후 배열에 넣고 싶은데 배열에 push가 되지 않아요.. console.log(info)는 데이터가 잘 나오는데 userInfo는 빈 배열 입니다. 아래 코드 첨부합니다.

next.js에서 페이지 이동할 때 Link 컴포넌트 vs useRouter의 push 메서드 중 어떤 걸 사용해야 할까요?

외부 링크로 이동해야 한다면 Link 태그가 적합한 거 같은데 제품 내 다른 페이지로 이동해야 한다면 push 메서드를 사용하는 게 적합할까요? 감사합니다.

Router.push vs next/link 어떤 케이스에서 나누시나요?

안녕하세요! 처음 질문 올려봅니다. next.js에서 router.push와 next/link로 페이지를 이동할 수 있는데 차이가 있을까요? 페이지는 이동하지만 새로고침하고 싶지 않을 때 주로 사용하는데, 둘 다 사용해보니 같은 동작을 하는 것 같아서요. 제가 생각한게 맞을까요?