한 시간 전 · CL@Supercoding 님의 새로운 답변
자기주도적인 개발이 너무 어렵습니다.
안녕하세요.🙇♂️ 올해 3월에 부트캠프를 수료하고 취업준비를 하고있는 프론트엔드 지망생입니다. 부트캠프를 통해 js, react, vue, tailwind, zustand등의 스택을 주로 사용하며 프로젝트를 만들었습니다. 부트캠프를 진행하면서 react에서 useEffect훅은 컴포넌트의 생명주기 사이 ~때에 사용한다, 페이지 라우팅 기능을 사용하려면 리액트 라우터 같은 라이브러리를 활용해서 써야한다, 테일윈드가 현재 개발시장에서 가장 많이 쓰이는 CSS 라이브러리다 이런 정도로 기술스택들이 학습되었습니다. 이제 부트캠프도 수료하고 혼자 공부하는 시간이 찾아왔는데 어떤것 부터 어느정도 까지 손을 대야할지 감이 잡히질 않습니다. 1. 어떤것 부터 해야하는지 예를 들어 현재 저에게 가장 부족하다고 생각하는 스택은 next 프레임워크, zustand 외의 전역 상태관리(recoil, redux), 필수 개발 외의 인프라적인 스택?(Storybook, monorepo, sentry, jest )이라고 생각하는데 이 지식들의 우선순위를 정하는 방법과 이 외에도 개발자 시장에서 반드시 장착하고 있어야 하는 필수 스택에 무엇이 있는지를 알고싶습니다. 2. 어느정도 까지 손을 대야할지 예를 들어 React 같은 경우엔 하나의 프로젝트를 만드는 역량까진 가능해졌지만 프로젝트 안에서 퀄리티 있는 디자인 패턴이라던지, 사용해보지 못한 수많은 리액트 메서드들을 딥다이브 해봐야 할 거 같은데, 어느정도 까지 공부해야 너무 깊게 들어가지 않고, 현재 개발시장에서 경쟁력 있는 지식을 쌓았다고 할 수 있는지의 경계를 모르겠습니다. 강사님의 강의에서 벗어나 혼자서 주도적인 학습을 진행하려고 하니 시간낭비를 하게 될 거 같고, 겉햝기 식으로 공부하는 나날을 보내게 될까 심적으로 큰 부담이 됩니다.. 현업 개발자님들의 조언을 듣고싶습니다!!🙇♂️🙇♂️🙇♂️
개발자
#프론트엔드
#프론트엔드-취업
#공부방향
#공부법
답변 2
댓글 2
조회 193
한 달 전 · 이상래 님의 새로운 답변
프론트엔드 직군 외 다른 개발 직군도 끊임없이 기술 공부를 해야하나요?
웹 프론트엔드 취준하고 있습니다. React 하나도 제대로 알려면 정말 어려운데 Next, 각종 상태관리 라이브러리, 스타일 라이브러리 등 기술이 넘쳐나다 보니 공부가 끝도 없게 느껴져요. 물론 개발자라는 직업이 공부를 계속해야하는 것은 알고있지만 그냥 하나의 기술에 대해 깊게 배우고 싶습니다.. 백엔드나 iOS, Android 개발자도 새로운 기술이 계속해서 나오나요? 나온다고 해도 웹 프론트엔드에 비해 적은게 맞나요? 웹 프론트에 비해 기술 범위가 비교적 적고, 그것에 대해 깊게 공부하는 걸 하고싶다면 직군을 바꾸는게 좋을까요?
개발자
#프론트엔드
#백엔드
#앱개발
#기술공부
답변 2
댓글 0
조회 130
3달 전 · aigoia 님의 답변 업데이트
디자이너가 AR게임을 개발하려면
우선 멍청한 질문 죄송합니다. 코딩은 아예 시작해본 적 없고 중소기업에서 캐릭터 디자인과 애니메이션을 하고 있습니다. 언리얼엔진으로 카메라를 움직이거나 키 애니메이션정도만 만들 수준이고 게임회사가 아니라 게임 개발환경은 전혀 모르는 상태입니다. 목표는 앱 환경에서 제 행동이나 음성을 ChatGPT를 통해 인식해서 캐릭터가 움직이는 AR게임을 만들어 보고 싶습니다. 몇 가지 찾아본 것들이 있는데 우선 무엇부터 시작해야 할 지 모르겠습니다 아래는 제가 찾아본 것들입니다. 1. 유니티엔진에서 AR 라이브러리를 제공하기 때문에 유니티엔진과 C#을 배운다 2. LLM을 이해하기 위해 파이썬을 배운다 3. 앱에서 런칭하기 위해 React와 자바스크립트, 타입스크립트를 배운다 이렇게 공부하는게 맞을까요? 바보같은 질문이지만 저 혼자는 답을 찾을 수 없어서 이곳에 여쭤봅니다 도와주시면 정말 감사하겠습니다ㅠㅠ
개발자
#react
#c#
#python
#unity
#unreal
답변 1
댓글 0
조회 50
4달 전 · 김현수 님의 질문 업데이트
Next 서버 컴포넌트와 전역 상태관리
안녕하세요. Next15에서 서버 컴포넌트를 적극적으로 도입하여 프로덕트를 개발하고 있는데, 고민이 되는 부분이 있어 여러 분들의 도움을 얻고자 질문을 남깁니다. 서버 컴포넌트에서 받아온 데이터와 클라이언트 컴포넌트에서 사용하는 zustand가 적절히 사용되고 있는지 고민이 듭니다. 현재 GET 요청의 경우 각각의 서버 컴포넌트에서 fetch를 통해 진행하고, 해당 데이터를 자식 클라이언트 컴포넌트에서 사용할 경우 props로 내려 사용하고 있는데, 이때, 드릴링이 심해질 경우 zustand와 같은 전역 상태관리 라이브러리를 함께 사용하려고 합니다. 예를 들어, 서버 컴포넌트의 첫 번째 자식인 클라이언트 컴포넌트에서 zustand를 사용하고, 이후 자식 클라이언트 컴포넌트에서는 zustand를 통해 상태관리 할 때 자식인 클라이언트 컴포넌트의 업데이트가 진행되는 부분에서 try/catch를 통해 요청을 보내고, router.refresh()를 통해 서버 컴포넌트에서 데이터를 새로 받아옵니다. 이후 클라이언트 컴포넌트에서는 useEffect로 서버 컴포넌트에서 props로 받아온 데이터가 바뀌는 것을 감지하고, 해당 props를 zustand에서 사용하는 데이터로 업데이트하려고 하는데 문제가 될만한 점이 있을까요? 이와 관련된 링크나 답변이 있으시다면 감사히 받겠습니다!
개발자
#next.js
#상태관리
#rsc
#서버컴포넌트
답변 0
댓글 0
추천해요 2
조회 126
5달 전 · 익명 님의 질문 업데이트
ReactNative Xcode 16. RCTAppDelegate.h not find
안녕하세요? 에러로 고통받다가 커리어리에 남겨봅니다. ReactNative 프로젝트로 테스트플라이트 배포상태에서 3주가 지나 지난주 Xcode 16으로 업데이트 되었는데요. 그 뒤 ios 버전, 라이브러리 버전 문제는 해결했는데. Xcode 에서 build /ios/프로젝트명/AppDelegate.h 파일에서 #import <RCTAppDelegate.h> 파일을 찾을 수 없다고 나옵니다. 사양 1. M2, Sequoia 2. react-native : 0.74.3 3. Xcode 16.1 문제 해결을 위해 시도한 방법 입니다. 1. #import <React/RCTAppDelegate.h> 바꿔봄 2. #import "AppDelegate.h" 바꿔봄 3. node_module/react-native/React/Base/에서 헤더파일 찾아봄 -> 없음 4. node_module/react-native/ReactCommon/에서 헤더파일 찾아봄 -> 없음 5. 대체할 수 있는 방법 찾아봄 GPT에서 제안한 방법으로 수정 -> 결과 : 파일 찾을 수 없음 #import <UIKit/UIKit.h> #import <React/RCTBridgeDelegate.h> @interface AppDelegate : UIResponder <UIApplicationDelegate, RCTBridgeDelegate> @property (nonatomic, strong) UIWindow *window; @end 6. Xcode에서 경로를 추가해봄 -> 결과 : 파일 찾을 수 없음 6-1. Xcode > BuildSetting > search header 에 경로를 추가했습니다. "$(SRCROOT)/../node_modules/react-native/React", "$(SRCROOT)/../node_modules/react-native/ReactCommon", "$(SRCROOT)/../node_modules/react-native/ReactCommon/cxxreact", "$(SRCROOT)/../node_modules/react-native/Libraries", 6-2. Xcode > BuildSetting > Frame search header에 경로를 추가했습니다. "$(inherited)", "$(SRCROOT)/../node_modules/react-native/React", "$(SRCROOT)/../node_modules/react-native/ReactCommon", 7. pod 재설치, react-native 재설치, 캐시 삭제 및 라이브러리 업데이트 등.. pod.lock, Podfile, node_module, build 파일, DerivedData 폴더 삭제 후 전부 재설치. pod install --repo-update 헤르메스 사용 설정 및 use_frameworks! :linkage => :static 설정 확인. 8. react-native 최신버전(0.76.3)으로 재설치 참고 사이트 및 GPT, Monica 질의응답 공유 링크 https://github.com/facebook/react-native/issues/36611 https://stackoverflow.com/questions/75822104/rctappdelegate-h-file-not-found https://chatgpt.com/share/674e6dcf-89f8-800f-b0e6-4fa2fe58419b https://monica.im/share/chat?shareId=CQ18cvvPvsMc0r3U ** 유의미한 정보를 주신분께 감사의 마음으로 많지는 않지만 스타벅스 커피쿠폰을 드립니다 살려주세요..
개발자
#reactnative-run-ios
#xcode
#appdelegate.h
답변 0
댓글 0
조회 188
5달 전 · aigoia 님의 답변 업데이트
신입 프론트엔드 회사가 고민됩니다
안녕하세요 비전공자에서 프론트엔드 취업 준비 중인데 감사히도 한 회사에 입사할 기회가 생겼습니다 너무 좋은데 걸리는 것은 해당 회사가 React나 Next.js 같은 최신 프론트엔드 기술을 사용하는게 아니라 Vanilla JS만으로 개발을 한다는 것입니다 차후에 이직할 때가 걸리기도 하고 라이브러리나 프레임워크 하나 없이 Vanilla js로만 개발할 자신도 없고요... 그런데 위치도 괜찮고 요즘 같은 때에 신입으로 구직하는게 너무 힘들어서 깊은 고민이 됩니다 이런 상황에서 어떻게 하실지 여쭤보고 싶습니다
개발자
#신입
#신입취업
답변 1
댓글 0
조회 101
6달 전 · 유길종 님의 답변 업데이트
Nextjs with tailwind기반 ui라이브러리 질문
프론트엔드 취업전인 학생입니다. Rollup으로 라이브러리 번들 관련하여 질문입니다. 제작 현시점은 사용자가 컴포넌트를 import 하였을때 사용자가 tailwind.config.ts에 node_module경로의 제 라이브러리를 경로를 설정해야 스타일이 적용이 되는상황입니다. 개발자도구 element에는 텍스트상 적용이돼있는데 해당 방법말고는 못찾았습니다. 개발자분들의 좋은의견 부탁드립니다. 아래는 현재 rollup.config.js입니다.
개발자
#next.js
#react
#tailwindcss
#rollup
#library
답변 1
댓글 0
보충이 필요해요 1
조회 68
6달 전 · 성희 님의 질문
파이참 코딩 관련 질문
import pandas as pd #데이터를 쉽고 효율적으로 처리하기 위해 사용하는 라이브러리 import pyautogui #GUI automation 라이브러리로, 마우스 클릭, 키보드 입력 등의 작업을 자동화하는데 사용 score_A = 0 #쾌락 score_B = 0 #사회적환경 score_C = 0 #보복심리 score_D = 0 #B와C가 점수가 같을때를 위해 만듦. question1 = pyautogui.prompt('난 가정 폭력을 당한적 있다.') #질문1 if question1 == "o": #만약 질문1에 맞다고 대답 한다면 score_B += 1 #사회적환경에 1점 추가 score_C += 1 #보복심리에 1점추가 question2 = pyautogui.prompt('난 학교 폭력을 당한적 있다.') #질문2 if question2 == "o": #만약 질문2에 맞다고 대답한다면 score_B += 1 #사회적환경에 1점추가 score_C += 1 #보복심리에 1점추가 question3 = pyautogui.prompt('난 여아가 이성적 으로 좋다.') #질문3 if question3 == "o": #만약 질문3에 맞다고 대답한다면 score_A += 1 #쾌락에 1점추가 question4 = pyautogui.prompt('난 살인을 할때 쾌락을 느낀다.') #질문4 if question4 == "o": #만약 질문4에 맞다고 대답한다면 score_A += 1 #쾌락에 1점추가 question5 = pyautogui.prompt('나의 범죄는 충동적 이였다.') #질문5 if question5 == "o": score_A ++ 0 #딱히 아무 일 없음 question6 = pyautogui.prompt('난 반 사회적 인격 장애를 진단 받은적 있다.') #질문6 if question6 == "o": #질문6에 맞다고 대답한다면 score_A += 1 #쾌락에 1점추가 score_C += 1 #사회적환경에 1점추가 question7 = pyautogui.prompt('나의 인간관계는 좋지않다.') #질문7 if question7 == "o": #질문7에 맞다고 대답한다면 score_B += 1 #사회적환경에 1점추가 question8 = pyautogui.prompt('난 예전에 아동범죄 피해자였다.') #질문8 if question8 == "o": #만약 질문10에 맞다고 대답한다면 score_C += 1 #보복심리에 1점추가 question9 = pyautogui.prompt('나의 범죄는 계획적이였다.') #질문9 answer_list = [] #답변리스트 answer_list.append(question1) #답변리스트에 질문1~9를 추가하는것. answer_list.append(question2) # answer_list.append(question3) # answer_list.append(question4) # answer_list.append(question5) # answer_list.append(question6) # answer_list.append(question7) # answer_list.append(question8) # answer_list.append(question9) # print(answer_list) #질문리스트를 보여지게함 survey_dict= {'문항번호': [1,2,3,4,5,6,7,8,9], '내용': answer_list, } survey_df = pd.DataFrame(survey_dict).set_index("문항번호") #위의 survey_dict을 데이터프레임 형태로 변환. print(survey_df) #데이터프레임으로 변환한 survey_dict를 출력 if score_B == score_C: #만약 사회적환경과 보복심리의 점수가 같다면 score_D += 10 #스코어D에 점수 10점 추가 score_dict = {'A': score_A, 'B': score_B, 'C': score_C, 'D': score_D} #각각의 점수를 딕셔너리(dict)로 저장함. max_score = max(score_dict.values()) #딕셔너리값중 최댓값을 찾아냄. if max_score == score_A: #만약 최댓값이A라면 아래 문장을 출력 print("설문자는 단순한 쾌락을 위해 범죄를 저질렀을것으로 추정됩니다.") if max_score == score_B: #만약 최댓값이 B라면 아래 문장을 출력 print("설문자는 사회적인 환경으로 인해 범죄를 저질렀을것으로 추정됩니다.") if max_score == score_C: #만약 최댓값이 C라면 아래 문장을 출력 print("설문자는 어릴적환경으로 인한 보복심리때문에 범죄를 저질렀을것으로 추정됩니다.") if max_score == score_D: #만약 최댓값이 D라면 아래문장을 출력 print("설문자는 현재의 사회적환경과 어릴적환경으로 인한 보복심리로 인해 범죄를 저질렀을것으로 추정됩니다.") if question9 == "o": #질문9에 맞다고 대답했을때 if question5 == "o": #질문5에도 맞다고 대답한다면 print("설문자가 솔직하게 문항에 답하고있지 않습니다.") #설문자가 제대로 설문에 응하고 있지 않다고 판단. 여기서 score_dict = {'A': score_A, 'B': score_B, 'C': score_C, 'D': score_D} 가 하는 역할은 무엇일까요?
개발자
#코딩
#역할
#파이참
#파이썬
답변 0
댓글 0
조회 28
6달 전 · 익명 님의 질문
파이참 코딩 관련 질문
import pandas as pd #데이터를 쉽고 효율적으로 처리하기 위해 사용하는 라이브러리 import pyautogui #GUI automation 라이브러리로, 마우스 클릭, 키보드 입력 등의 작업을 자동화하는데 사용 score_A = 0 #쾌락 score_B = 0 #사회적환경 score_C = 0 #보복심리 score_D = 0 #B와C가 점수가 같을때를 위해 만듦. question1 = pyautogui.prompt('난 가정 폭력을 당한적 있다.') #질문1 if question1 == "o": #만약 질문1에 맞다고 대답 한다면 score_B += 1 #사회적환경에 1점 추가 score_C += 1 #보복심리에 1점추가 question2 = pyautogui.prompt('난 학교 폭력을 당한적 있다.') #질문2 if question2 == "o": #만약 질문2에 맞다고 대답한다면 score_B += 1 #사회적환경에 1점추가 score_C += 1 #보복심리에 1점추가 question3 = pyautogui.prompt('난 여아가 이성적 으로 좋다.') #질문3 if question3 == "o": #만약 질문3에 맞다고 대답한다면 score_A += 1 #쾌락에 1점추가 question4 = pyautogui.prompt('난 살인을 할때 쾌락을 느낀다.') #질문4 if question4 == "o": #만약 질문4에 맞다고 대답한다면 score_A += 1 #쾌락에 1점추가 question5 = pyautogui.prompt('나의 범죄는 충동적 이였다.') #질문5 if question5 == "o": score_A ++ 0 #딱히 아무 일 없음 question6 = pyautogui.prompt('난 반 사회적 인격 장애를 진단 받은적 있다.') #질문6 if question6 == "o": #질문6에 맞다고 대답한다면 score_A += 1 #쾌락에 1점추가 score_C += 1 #사회적환경에 1점추가 question7 = pyautogui.prompt('나의 인간관계는 좋지않다.') #질문7 if question7 == "o": #질문7에 맞다고 대답한다면 score_B += 1 #사회적환경에 1점추가 question8 = pyautogui.prompt('난 예전에 아동범죄 피해자였다.') #질문8 if question8 == "o": #만약 질문10에 맞다고 대답한다면 score_C += 1 #보복심리에 1점추가 question9 = pyautogui.prompt('나의 범죄는 계획적이였다.') #질문9 answer_list = [] #답변리스트 answer_list.append(question1) #답변리스트에 질문1~9를 추가하는것. answer_list.append(question2) # answer_list.append(question3) # answer_list.append(question4) # answer_list.append(question5) # answer_list.append(question6) # answer_list.append(question7) # answer_list.append(question8) # answer_list.append(question9) # print(answer_list) #질문리스트를 보여지게함 survey_dict= {'문항번호': [1,2,3,4,5,6,7,8,9], '내용': answer_list, } survey_df = pd.DataFrame(survey_dict).set_index("문항번호") #위의 survey_dict을 데이터프레임 형태로 변환. print(survey_df) #데이터프레임으로 변환한 survey_dict를 출력 if score_B == score_C: #만약 사회적환경과 보복심리의 점수가 같다면 score_D += 10 #스코어D에 점수 10점 추가 score_dict = {'A': score_A, 'B': score_B, 'C': score_C, 'D': score_D} #각각의 점수를 딕셔너리(dict)로 저장함. max_score = max(score_dict.values()) #딕셔너리값중 최댓값을 찾아냄. if max_score == score_A: #만약 최댓값이A라면 아래 문장을 출력 print("설문자는 단순한 쾌락을 위해 범죄를 저질렀을것으로 추정됩니다.") if max_score == score_B: #만약 최댓값이 B라면 아래 문장을 출력 print("설문자는 사회적인 환경으로 인해 범죄를 저질렀을것으로 추정됩니다.") if max_score == score_C: #만약 최댓값이 C라면 아래 문장을 출력 print("설문자는 어릴적환경으로 인한 보복심리때문에 범죄를 저질렀을것으로 추정됩니다.") if max_score == score_D: #만약 최댓값이 D라면 아래문장을 출력 print("설문자는 현재의 사회적환경과 어릴적환경으로 인한 보복심리로 인해 범죄를 저질렀을것으로 추정됩니다.") if question9 == "o": #질문9에 맞다고 대답했을때 if question5 == "o": #질문5에도 맞다고 대답한다면 print("설문자가 솔직하게 문항에 답하고있지 않습니다.") #설문자가 제대로 설문에 응하고 있지 않다고 판단. 에서 survey_dict= {'문항번호': [1,2,3,4,5,6,7,8,9], '내용': answer_list, } 이 어떤 역할을 할까요?
개발자
#코딩
#역할
#파이참
답변 0
댓글 0
조회 17
6달 전 · 성희 님의 질문
파이참 코딩 관련 질문
import pandas as pd #데이터를 쉽고 효율적으로 처리하기 위해 사용하는 라이브러리 import pyautogui #GUI automation 라이브러리로, 마우스 클릭, 키보드 입력 등의 작업을 자동화하는데 사용 score_A = 0 #쾌락 score_B = 0 #사회적환경 score_C = 0 #보복심리 score_D = 0 #B와C가 점수가 같을때를 위해 만듦. question1 = pyautogui.prompt('난 가정 폭력을 당한적 있다.') #질문1 if question1 == "o": #만약 질문1에 맞다고 대답 한다면 score_B += 1 #사회적환경에 1점 추가 score_C += 1 #보복심리에 1점추가 question2 = pyautogui.prompt('난 학교 폭력을 당한적 있다.') #질문2 if question2 == "o": #만약 질문2에 맞다고 대답한다면 score_B += 1 #사회적환경에 1점추가 score_C += 1 #보복심리에 1점추가 question3 = pyautogui.prompt('난 여아가 이성적 으로 좋다.') #질문3 if question3 == "o": #만약 질문3에 맞다고 대답한다면 score_A += 1 #쾌락에 1점추가 question4 = pyautogui.prompt('난 살인을 할때 쾌락을 느낀다.') #질문4 if question4 == "o": #만약 질문4에 맞다고 대답한다면 score_A += 1 #쾌락에 1점추가 question5 = pyautogui.prompt('나의 범죄는 충동적 이였다.') #질문5 if question5 == "o": score_A ++ 0 #딱히 아무 일 없음 question6 = pyautogui.prompt('난 반 사회적 인격 장애를 진단 받은적 있다.') #질문6 if question6 == "o": #질문6에 맞다고 대답한다면 score_A += 1 #쾌락에 1점추가 score_C += 1 #사회적환경에 1점추가 question7 = pyautogui.prompt('나의 인간관계는 좋지않다.') #질문7 if question7 == "o": #질문7에 맞다고 대답한다면 score_B += 1 #사회적환경에 1점추가 question8 = pyautogui.prompt('난 예전에 아동범죄 피해자였다.') #질문8 if question8 == "o": #만약 질문10에 맞다고 대답한다면 score_C += 1 #보복심리에 1점추가 question9 = pyautogui.prompt('나의 범죄는 계획적이였다.') #질문9 answer_list = [] #답변리스트 answer_list.append(question1) #답변리스트에 질문1~9를 추가하는것. answer_list.append(question2) # answer_list.append(question3) # answer_list.append(question4) # answer_list.append(question5) # answer_list.append(question6) # answer_list.append(question7) # answer_list.append(question8) # answer_list.append(question9) # 이 코드에서 answer_list.append(question)이 의미하는것은 무엇인가요?
개발자
#코딩
#파이참
#의미
답변 0
댓글 0
조회 13
6달 전 · 영훈 님의 질문
리액트 웹소켓 사용자 인증
웹소켓을 사용해서 채팅구현 중에 있습니다. 이때 사용자 인증 처리를 핸드셰이크 시 요청 헤더에 토큰을 담아 보내려고 합니다. Web Socket API에선 요청 헤더에 토큰을 담아 보내는게 안되고, Socket.IO나 SockJS 라이브러리를 사용하라는걸 알게되었는데 혹시나 라이브러리 사용하지 않고 Web Socket API 에서 요청 헤더에 토큰을 담아보내는 방법이 있나요?
개발자
#웹소켓
#인증
답변 0
댓글 0
조회 47
6달 전 · aigoia 님의 답변 업데이트
신입 개발자 출근 첫주차 입니다
오늘 처음으로 과제를 주셨는데요 코드 볼 시간도 없이 처음보는 라이브러리를 제외하고는 일단은 아직 크게 어려움은 없어보이는 퍼블 작업을 주셨습니다 이 과제를 해보면서 코드를 익혀보라는 의미라고 생각이 들지만 여태 제가 짠 코드를 리팩토링 한다던지 새로 기능을 추가 위주로만 해봤지 타인이 만들어둔 코드를 제가 이해하고 수정하며 업데이트 해야한다는게 걱정입니다ㅠㅠ 일정 산출도 어떻게 해야할지 겁도 많이 나고… 초반엔 익숙하지 않을테니 넉넉하게 잡아 계획하는게 아무래도 좋을까요..? 별것도 아닌걸 질문하는거 아닌가 눈치도 보이고 이런저런 걱정이 너무 많아 이렇게 글을 올려봅니다 사소한 조언도 좋습니다..! .🥹
개발자
#프론트
#신입개발자
답변 1
댓글 0
조회 140
7달 전 · aigoia 님의 답변 업데이트
개발 기간이 길어진 개인 프로젝트, 마이너스 요소일까요?
안녕하세요, 저는 컴퓨터공학과 2학년을 수료하고 현재 공군에서 복무 중이며 전역 이후에 관련 대외활동과 인턴을 위해 노력하고 있는 개발자입니다. 학부 2학년 1학기가 끝나고 23년 7월부터 학교 기숙사에 편의 기능을 제공할 수 있는 웹앱 서비스를 혼자 개발하기 시작했고 (3학년 1학기를 휴학 내고) 24년 7월 1일 입대 전까지 계속 진행하여 초기 배포를 위한 기능의 70%를 구현했습니다. 자대 배치를 받은 후 사지방 컴퓨터로 github codespaces 환경(linux 운영체제 기반이며 웹에서 프로그램을 개발할 수 있는 환경입니다.)에서 우여곡절 끝에 진행하던 프로젝트를 git pull로 불러오고 DB나 platform 등을 docker compose로 세팅해서 지금 다시 개발을 시작하고 있습니다. 군대에서 개발을 할 수 있다는 생각에 정말 기뻤지만 한편으로는 프로젝트의 개발 기간이 너무 길어진 것 같아 걱정이 많습니다. 일단 전술했듯이 프로젝트는 처음부터 지금까지 저 혼자 진행해왔습니다. 애초에 학부 공부, 알고리즘 공부, 주말 야간 아르바이트, 공군에 입대하기 위한 봉사활동과 자격등 공부 등과 병행하였기 때문에 시간을 많이 투자할 수 없었으며 프론트엔드와 백엔드 모두 당연히 저 혼자 맡았고 (프론트와 백) 개발에 쓰이는 프레임워크도 처음 접해보아 배우면서 진행했으며 수 많은 생소한 서드 파티 라이브러리를 도입하느라 진행이 많이 느려졌습니다( 현업에서 쓰이는 여러 가지 기술을 적용하고 싶었고 퀄리티에 대한 욕심이 많아서 그랬던 것 같습니다.). 개발 기술과 환경에 적응이 될 때 즈음엔 여러 군데에서 터지는 에러를 트러블 슈팅하고, 그 중 다수를 블로그에 포스팅하느라 속도가 나지 않았습니다. 그렇게 하여 초기 배포를 위한 기능의 70% 정도(제가 생각하기에)는 완성했지만, 아직까지 codespaces 환경에서 개발하기 위해 해결해야하는 문제가 남아있으며 군 복무중이라 평일엔 시간을 많이 내어도 개발 시간이 현실적으로 3시간을 넘길 수 없습니다(오늘은 부대 휴일이라 이렇게 글을 작성합니다.).그러므로 저는 이 프로젝트를 완성하고 웹앱으로 배포하는데 까지 6개월의 시간이 더 걸린다고 생각합니다(물론 중간에 포기할 생각은 추호도 없습니다.). 이에 저는 아래 질문에 대한 개발 현직자 분들의 생각이 정말 궁금합니다. 1. 제대 후 대외활동과 (체험형)인턴을 위해 서류 평가/면접을 볼 때 이 프로젝트를 포트폴리오로 사용할 생각인데, 프로젝트를 다 완성하고 배포까지 완료했다고 가정하더라도 그 기간이 1년 6개월이라는 것은 분명히 마이너스 요소로 작용하나요? 2. 만약 질문 "1."의 답변에 긍정하신다면 긴 기간의 프로젝트( 혹은 동시에 그 기간에 부응하지 못하는 작품의 퀄리티)를 어떻게 서류 평가/면접에서 정당화하여 의미있는 "스펙"으로 만들 수 있을까요? 긴 글 읽어주셔서 감사합니다, 정중한 답변 부탁드리겠습니다.
개발자
#개인-프로젝트
#개발
#포트폴리오
#입사지원
#취업
답변 2
댓글 0
추천해요 1
조회 295
7달 전 · 김은선 Sunny 님의 질문
프론트엔드 경력(혹은 그에 준하는 실력) 모집하는데, 이력서에 백엔드 경력은 아예 안 쓰는게 좋을까요?
저는 자바 스프링 백엔드 경험이 2년 반 정도 있는데, 프론트엔드로 전향하고 싶어서 퇴사후 1년정도 typescript, react, next.js, react 상태관리 라이브러리 공부해서 프로젝트 만들고 이제 이력서 작성하려고 하는데요.. 이력서에 자바 스프링 웹개발 경력은 아예 빼는게 좋을까요? 아니면 웹개발 경험을 해봤다는 것 자체가 플러스 요인일 수 있으니 기술스택이 달라도 넣는게 좋을까요?..
개발자
#프론트엔드-이직
#이력서
#웹개발
#백엔드-프론트엔드-전향
답변 0
댓글 0
조회 63
7달 전 · 김우성 님의 질문
WebView로 개발한 앱 개발 경력은 도움이 안될까요?
질문 자체가 우문이라고 생각은 합니다만, 경험이 적다보니 조언을 구하고자 질문합니다. (조언 주시면 달게 받겠습니다ㅠㅠ) Q. iOS 앱 개발로 전문성을 쌓고 싶은데, WKWebView 경력은 채용입장에서 기피하게 되나요? 채용 요건은 대부분 (SwiftUI + TCA / Rxswift) + Tuist + TDD 로 요약될 것 같습니다. 그런데 WKWebview로 프로젝트를 구성하게되면, Tuist 그리고 Rx관련 라이브러리 적용이 일부분 가능하지만, 대부분은 없더라구요. 제가 고민인 것이 WKWebview를 많은 회사에서 사용하지만, 막상 요건에서는 주로 네이티브에 대한 개발 능력을 보다보니, 제가 가진 프로젝트 경력에 부족하지 않은가 라는 생각을 많이 합니다. 채용 입장에서는 이런 부분을 약점으로 보는지 궁금했습니다! Q. (커리어 패스 질문) Flutter 경력이 최근에 많이 있긴한데, WKWebview 경력으로 Native로 나아가기보다는 Flutter 개발로 나아가는게 나을까요? 저는 현재 다음과 같은 개발 경험을 가지고 있습니다. 현재 앱 프로젝트를 8건 - iOS Native 개발 2건 - iOS WKWebview를 통한 하이브리드 앱 2건 - Flutter 앱 개발 4건 다만, 네이티브 개발한지가 2~3년전 경력이다보니, 괜히 움추려드네요ㅠㅠ 최근에는 대부분 Flutter 개발과 WebView 이용한 하이브리드 앱 개발이 전부입니다. 저는 iOS도 너무 재미있고 Flutter도 너무 재미있습니다. 이런 상황이라 어떠한 식으로 커리어패스를 생각해야할지 고민입니다. 먼저 경험이 있으신 분들의 입장에서 어떠한 모습으로 보여질지 궁금하여 질문드렸습니다 긴 글 읽어주셔서 감사합니다. 어떤 조언이든 해주시면 저에게 큰 도움이 될 것 같습니다. 감사합니다 ^-^
개발자
#이직
#ios
#flutter
#커리어
답변 0
댓글 0
추천해요 3
조회 165
8달 전 · 익명 님의 질문
OAuth2 + jwt 환경 부하 테스트 방법에 대한 질문..
최근 성능 테스트의 중요성에 대해 알게 되어서 목표 성능치를 두고 부하테스트를 진행해보려는 계획에 있습니다! 테스트 툴로는 nGrinder를 사용할 생각인데요, 문제는 제 서버가 이메일 로그인을 지원하지 않고 oauth2와 jwt를 활용한 인증/인가 방식을 사용하는데 부하테스트 시 가상 유저에게 어떻게 accessToken을 발급해주어야 하는지에 대한 궁금증이 생겼습니다..! 제가 생각해본 방식들은 다음과 같습니다. 1. 실제 유저에 대한 accessToken을 하나 발급해두고 이를 고정값으로 사용한다. - 이 방식은 제일 편하지만 사실상 한명의 유저에 대한 시나리오만 테스트할 수 밖에 없고, 같은 유저에 대한 각종 캐싱된 데이터들로 인해 실제 상황과는 동떨어진 작업이 될 것 같아 채택하지 않았습니다. 2. FakeAuthServer와 같은 가상의 OAuth 서버를 만들어 로그인을 시도한다. - 구현하기는 어려워보이지만 그나마 가장 실제 서비스와 동일한 형태입니다. 하지만, 제가 테스트하려는 시나리오는 여러 요청에 대한 순차적인 테스트가 아닌 하나의 API가 얼마나 많은 부하를 견딜 수 있는지 보기 위한 테스트라서 굳이 로그인 과정을 테스트에 포함시킬 필요는 없어보입니다.. - 사실 하나의 API에 대한 테스트만 진행해도 괜찮은지 몰라서 이 방법을 버리지 못하고 있습니다 3. nGrinder의 테스트 스크립트에서 @BeforeThread에 jwt를 발급받는 로직을 작성해서 테스트 전 미리 토큰을 발급받아 요청한다. - 이 방식은 로그인 과정은 포함되어 있지 않고 이미 토큰을 발급받았다는 가정하에 하나의 API만 테스트하기 가장 적합한 방법이라고 생각이 되었습니다. - 번거롭지만 jwt를 직접 생성해주기 위해 jjwt 라이브러리를 nGrinder에 포함시켜야 될 것 같습니다 - 하지만 이렇게 스크립트에서 토큰을 발급해주는게 맞는지 실무에서도 이런식으로 사용하는 경우가 있는지 궁금합니다.. 처음 부하 테스트를 적용하려고 하는데 oauth2 + jwt로만 구성된 예제가 보이지 않네요 ㅠㅠ 어느 방법이 가장 적절한지 혹은 더 나은 방법이 있는지 조언을 구하고자 질문 남깁니다!
개발자
#ngrinder
#oauth
#jwt
#부하테스트
#성능테스트
답변 0
댓글 0
조회 117
7달 전 · JJY 님의 새로운 댓글
신입이 욕심이 많은 건지 궁금합니다
저희 시스템에는 옛날 옛적부터 내려오던 고질적인 문제가 있는데요.. SI 회사입니다 고객이 주기적으로 문의를 넣을 정도로 불편한 건데 아무도 고칠 생각을 하지 않고 그냥 못 고친다고만 했던 모양이예요. 그래서 신입인 저한테 넘어왔어요 정확히 얘기하면 넘어왔다기 보다는 이 시스템을 하는 사람이 저밖에 없고 저한테 문의가 들어왔으니 다른 사람들이 하던 것처럼 조용히 넘어가거나 아님 고치거나 둘 중 하나인거죠.. 전 사수도 동료도 일도 없이 방치 당하는 중이어서 이런 거에라도 재미를 붙이지 않으면 자꾸 퇴사하고 싶어지는 상태라 일단은 계속 파는 중인데요 처음에는 맘대로 하라고 하셨다가 개선이 된 부분을 말씀드리니까 너무 빨리 고치고 있다. 신입이 고쳐버리면 고객이 오해할 수 있다 이렇게도 얘기하시고 어디서 사이드 이펙트가 나올지 모르니 그냥 안 고치는 게 나을 수도 있다고 얘기하시네요 파다 보니 왜 그렇게 얘기하셨는지 알 것 같기는 한데(이제 쓰는 사람이 있나 싶을 정도로 오래된 오픈소스 라이브러리..연관된 로직을 싹다 봐야하고 하나 하나 테스트도 해야 하고..) 그렇다고 못 할 일은 아닌 것 같거든요 상용 환경에 반영하는 건 바라지도 않고 스테이징에라도 올려보고 싶어요. 어차피 프론트 70 백 30 이 정도로 프론트 쪽 비중이 높은 일이어서 제 이력에 쓸 수 있을지도 의문인데(백엔드 지망입니다) 좀 의미 있는 일을 하고 싶은 것 뿐입니다.. 다들 반대하는 이유가 분명히 있는데 제가 계속 이러는 건 욕심일까요? 제가 신입이어서 이 일의 복잡함을 잘 모르는 걸까요? 물론 제가 수정한 코드를 봐줄 사람은 아무도 없습니다..
개발자
#spring
#jquery
답변 2
댓글 4
추천해요 1
조회 400
9달 전 · 프레드윰 님의 답변 업데이트
php + 그누보드5 관련 웹사이트 질문입니다
안녕하세요. 저는 React + TS 기반 프론트엔드 개발자 신입입니다. 회사에서 제작했던 사이트 중 하나가 php + 그누보드5로 제작 되었는데 해당 사이트를 리뉴얼 해야합니다. 그나마 수정 할 부분은 이미지 하나로 이루어진 랜딩페이지여서 목업은 php를 몰라도 진행이 가능하다 생각되는데 JS 라이브러리를 사용할 수 있는건지 몰라서 질문드립니다. 예를들어 AOS를 사용한다 치면 CDN SOURCES를 이용해서 라이브러리를 사용하면 되는걸까요? php와 그누보드를 하나도 모르다보니 간단한 페이지 수정은 가능하지만 기능 구현에 있어서는 기존 JS 개발하듯이 하면 되는지 모르겠네요.
개발자
#php
#프론트엔드
답변 1
댓글 0
조회 45
9달 전 · 치맨 님의 새로운 댓글
프론트엔드 신입 개발자 이력서 첨삭 부탁드립니다.
안녕하세요. 선배 개발자 선생님들 오늘도 한 단계 성장하기 위해 질문을 남겨봅니다. 현재 취업이 쉽지 않지만 그런 생각은 접어두고 어떻게 매력적인 이력서를 만들까 고민중입니다. 저는 구글링 + 멘토링을 통해 얻은 정보를 통해 아래의 글을 중점적으로 이력서에 담아내려고 노력했습니다. 1. 저를 소개할 하나의 주제를 선정하고 프로젝트에서 주제에 맞게 녹여내는 것 2. 언어에 대한 이해도를 나타낼 것 3. 개선 사항이 있다면 수치로 적을 것 4. 문제점 혹은 불편한 점을 개선한 부분을 적을 것 5. 기능을 구현했거나, 라이브러리를 도입했다면 이유가 있을 것 6. 프로젝트의 Readme를 잘 작성할 것 7. 문법 체크! 최대한 많은 사람들에게 이력서를 보여주고 피드백을 받으라는 글을 종종 봤습니다. 커리어리를 통해 많은 훌륭하신 분들의 피드백을 받고 싶습니다. 이력서에 정답은 없다고 생각합니다. 정말 사소한 부분이라도 저에겐 도움이 될 수 있다고 생각합니다. 이력서 : https://rightful-lodge-a68.notion.site/dc350c7f769b41ca9f67c52d67b69046?pvs=4 냉철한 피드백이 많은 도움이 되며, 어떠한 피드백으로도 기분 상하지 않는 좋은 멘탈을 갖고 있기에 부담 없이 말씀해주시면 감사하겠습니다. 공개적인 댓글이 부담스러우시다면 메일로 부탁드립니다! 이메일 : chimans2024@gmail.com 어떠한 피드백도 감사히 받겠습니다. - 템플릿이나 글의 가독성 문제 - 프로젝트의 완성도 - 내용이 논리적으로 맞지 않는 문제 - Readme의 구성요소 긴 글 읽어주셔서 감사합니다. 😊
개발자
#이력서
#피드백
#신입-개발자
답변 1
댓글 1
조회 334
9달 전 · 경범 님의 질문
토큰 관리, 로그인 유지를 현업에서는 어떻게 진행하는지 궁금합니다
안녕하세요 토이프로젝트로 인증/ 인가 파트를 맡게되었습니다 이전의 프로젝트에서는 로컬스토리지과 전역 상태 관리 라이브러리의 persist를 활용하여 토큰과 로그인상태를 로컬스토리지에 저장하여 진행하였습니다 하지만 이번에 새롭게 진행하는 프로젝트를 위해 다양한 웹사이트를 개발자도구로 참고하였지만 토큰이나 isLogined와 같이 로그인 여부 상태를 로컬, 세션 스토리지에서 관리하는 사이트를 확인할 수 없었고, 검색을 통해 보안을 위해 Http Only 쿠키를 통해 액세스 토큰과 리프레시 토큰을 관리하는 방법이 일반적이란것을 알 수 있었습니다 이러한 방법에서 몇 가지 궁금증이 생겨 질문을 드리고 싶습니다 1. 현업에서는 어떠한 방식으로 토큰을 관리하고 로그인 상태를 유지하나요? 2. 만약 http only 쿠키를 사용하게 된다면, 쿠키에 저장된 토큰을 클라이언트에서 조작할 수 없으니, 매번 페이지를 렌더링 할 때마다 토큰이 유효한지 api 호출을 통해서 로그인 상태를 유지해야하는걸까요? (api를 통해 토큰이 유효하다면 로그인 유지, 아니라면 로그인 페이지 리다이렉션) 3. http only 쿠키 외에 인증 / 인가를 위해서 클라이언트 단에서 보안적으로 신경써야하는 부분은 어떠한것이 있을까요? 가장 기본적이지만 가장 어려운 인증/인가 부분 현업 선배님들께서는 어떻게 진행하시는지 답변해주시면 감사하겠습니다
개발자
#front
#react
#login
#jwt
#프론트엔드
답변 0
댓글 0
추천해요 3
조회 140
9달 전 · 이상래 님의 새로운 답변
NextJs 확장 fetch로 서버 컴포넌트에서 동적으로 api를 받는 방법
안녕하세요. 선배 개발자 선생님들. 오늘도 한 단계 성장하기 위해 질문을 남겨봅니다. 저는 NextJs, App router 방식으로 코드를 구현중이며, 서버 상태는 React-Query로 상태값을 관리하고 있었습니다. 왜 리액트 쿼리를 사용했는가? why? 1. Optimistic update, 무한스크롤에 대해 공부하고 적용해보고 싶었습니다. 2. 클라이언트 상태, 서버 상태를 나눈다는 개념이 너무 좋아서 서버 상태는 React-Query로 다뤘습니다. 3. statleTime, gcTime을 조정하여 캐싱기능이 좋았습니다. 갑자기 문득 나는 NextJS를 잘 쓰고 있는건가? 리액트랑 폴더 구조 말고는 다른게 없는거 아닌가? 라는 생각이 들었고, NextJs의 기능을 최대한 활용하고 나머지 불편한 부분이 생긴다면 외부 라이브러리를 사용하자! 라는 생각이 들었습니다. 그래서 저는 React-Query로 상태를 관리하던걸 NextJs의 확장 fetch로 바꿀려고 합니다. Optimistic update, 무한스크롤 기능을 제외하고 나머지 모든 서버 상태는 확장 fetch로 바꿀려고 합니다. 페이지네이션 페이지네이션 처럼 사용자와 상호 작용하는 부분, 즉 동적으로 데이터를 받아오게 하기 위해 url을 변경한 뒤, [id]/page.tsx에서 param로 받던지 혹은 header()를 통해 params를 받아서 처리를 할 수 있다고 생각하고, 저는 header()로 params를 받아서 처리를 했습니다. 모달에서의 페이지네이션 그런데 문제는 모달을 띄우고, 모달 내부에서 페이지네이션이 있는 경우 어떻게 데이터를 동적으로 받아오는지 고민을 해봐도 방법이 없는 것 같습니다. 1. 모달에서 다음 페이지 클릭시 url을 변경한다. -> 안해봤지만 동작을 할 수 있더라도 뭔가 느낌적으로 아닌 것 같습니다. 2. 클라이언트 컴포넌트에서 상태값을 서버 컴포넌트로 전달한다 -> 불가능 궁금한 점 1. 모달 내부에서 페이지네이션을 처리할때 url을 변경해서 서버 컴포넌트에서 확장 fetch로 데이터를 관리하는 게 적절할까요? 2. 모달 내부에서는 페이지네이션을 처리할 때는 react-query로 데이터를 관리하는 걸 확장 fetch로 바꿀 수 없는 건가요?? 바꿀 필요가 없는 건가요? 3. 더 좋은 방법이 있는 건가요?
개발자
#next.js
#reactquery
답변 2
댓글 0
조회 195
9달 전 · 유길종 님의 답변 업데이트
data fetching은 어디서 하는 게 좋은 것일까요?
안녕하세요. 저는 프론트엔드 개발자가 되기 위해 공부중인 취준생입니다. 피드백을 적극 환영하기에 많은 피드백 혹은 의견을 많이 남겨주시면 감사하겠습니다. 저는 데이터 페칭을 어디서 하는 게 좋을지 고민 중이라 글을 남깁니다. 아래와 같이 3개로 글을 구성해봤습니다. 1. 현재 개발상황 2. 현재 저의 데이터 페칭 위치 3. 궁금한 점 1. 현재 개발상황 저는 개인 프로젝트로 Next.js와 React Query를 사용하여 개발하고 있습니다. 현재 Next.js의 App Router를 사용 중이며, 프로젝트 구조는 아래와 같습니다. app: page.tsx, layout.tsx components: 최소 2번 반복 사용되는 재사용 가능한 컴포넌트 container: 일반적인 컴포넌트 (조합 등) hook, service 등 2. 현재 저의 데이터 페칭 위치 현재 데이터 페칭은 최상단의 app -> page.tsx에서 수행하고 있으며, 자식 컴포넌트에는 데이터를 props로 전달하고 있습니다. 이러한 이유는 prop drilling이 발생하더라도 데이터 페칭을 한 곳에서 처리하면 코드 이해가 쉬울 것 같아서입니다. 현재로서는 전역 상태 라이브러리를 사용하지 않아 최대 4단계까지 prop drilling이 발생하고 있지만, 전역 상태 라이브러리를 도입하면 prop drilling 문제는 해결될 것으로 생각하고 있습니다. 추가적으로 현재 이렇게 구현하면서 data fetch할때 필요한 query값들도 최상단에서 관리해야하는 불편함이 있었습니다. -> 최상단에서 관리해야 하는 상태값이 늘어남 3. 궁금한 점 3-1. 아래의 2가지 data fetching 방법 중 어느것이 적절한지? 합리적인지 의견이 궁금합니다. - 최상단에서 Fetching - 장점 : 한 곳에서 Fetching하기에 코드 일관성, 가독성, 코드를 이해하는데 좋다고 생각 - 단점 : prop drilling, 추가적인 전역 상태 관리 해야한다고 생각 - 필요한 컴포넌트에서 Fetching - 장점 : 필요한 컴포넌트에서 fetching 하기에 prop driling과 같은 불필요한 코드 작성 할 필요 x - 단점 : 어떤 컴포넌트에서 fetching 했는지 파악하기 힘들어짐 3-2. 현재 최상단에서 모든 데이터 페칭을 하고 props로 전달하는 방식 vs 필요한 컴포넌트에서 데이터 페칭을 하는 두 가지 방식 중 어느 것이 더 많이 사용되는 패턴인지 궁금합니다. 3-3. React Query는 서버 상태 관리, 캐싱, Optimistic Update와 같은 기능을 위해 도입했습니다. 그러나 prop drilling을 해결하기 위해 React Query에서 가져온 서버 데이터를 전역 상태 라이브러리에 담게 되면 서버와 클라이언트 상태를 구분하는 의미가 없어지는 것 같다는 생각이 듭니다. 제가 잘못 사용하고 있는것인지 궁금합니다.
개발자
#next.js
#redux
#react-query
#frontend
#신입
답변 3
댓글 0
조회 167
9달 전 · 개발자H 님의 새로운 답변
성과를 수치로 작성하는게 어려워요
안녕하세요, 현재 퍼블리셔로 일하고 있습니다. 업무를 진행하며 이직 이력서를 작성 중인데, 성과를 수치로 나타내는 것이 어렵습니다. 대부분 과업 특성이 어떤 레이아웃 혹은 기능을 구현하는 수준에서 결과물이 도출했다 라는 것인데요 "성과를 수치로 작성하는 것이 참으로 어렵습니다." 예를 들어 x%에서 xy%로 시간 단축/혹은 고객확보 이런식으로요 제가 구현한 UI가 사용자/고객에게 어떤 불편함이 있었고 혹은 이전 대비 어떤 차이점이 있는지 확인하기가 어렵습니다. 저와 같은 고민에 있었거나/ 있는 분들은 어떻게 이런 이슈를 해결하셨나요? 저와 같은 경우, 관심있는 라이브러리/언어로 개인 포트폴리오로 어필을 해야할까요, 현재 회사에서 다음의 작업을 진행했고/하고 있습니다, : 회사 홈페이지, 웹&모바일 리뉴얼 및 JS인터렉션 기능 추가 : GSAP으로 서비스 가이드 애니메이션 구현 => GSAP을 회사에서 정해준게 아니라, 필요한 기능이 GSAP으로 할 수 있는거 같아, 진행함 : 리액트로, 채팅앱 UI 프론트 담당 - 비동기 통신, 상태관리를 제외한 채팅앱 UI 기능 구현(프론트 담당) > 비동기 통신, 상태관리 데이터 구조는 백엔드 개발자가 정리한 목업 데이터를 가져다 사용하다 보니 - 컴포넌트 기능 개발(ex) 아코디언, 체크박스 등등 ) 성과-> 수치에 대한 방법에 대해 의견있는 분 있을까요? P.S 1. 혹시 저와 같이 퍼블리셔인데 리액트 업무를 하시는 분들은 어떻게 진행한 리액트 작업/업무는 어떻게 어필을 하면 좋을까요? 2. 현재 리액트 코드는 (회사에서) 작업 중 인데, 리펙토링하게 된 계기와 이유 혹은 코드 정리하는 것으로 성과(수치)를 설명해야 할까요? 감사합니다
개발자
#이직
#퍼블리셔
답변 1
댓글 0
조회 179
10달 전 · 구운감자 님의 새로운 답변
채팅앱구현 프로젝트, 직접구현 or SDK 활용
안녕하세요 토이프로젝트로 앱하나를 출시하려고 하는데, 채팅 기능이 필요합니다 이를 위해 웹소켓을 활용하여 직접 구현 할 수도 있지만, 유명 채팅서비스 SDK나 라이브러리를 활용하면 더 쉽게 구현이 가능할 것 같습니다 단순 채팅 뿐만아니라 여러 기능을 구현해야한다면 SDK를 활용하는게 좋아보이는데, 포트폴리오용으로 만드는 앱이라서 직접구현하는게 더 의미가 있을 것 같기도 합니다. 효율 경험 사이에서 어떤 것을 택하는 것이 좋을까요?
개발자
#react
#react-native
#frontend
답변 1
댓글 0
조회 48
10달 전 · 정유진 님의 새로운 댓글
아임포트 결제 API 환불 요청 시 액세스 토큰 발급 문제
안녕하세요, 제가 현재 쇼핑몰 프로젝트를 개발 중입니다. 우선, 아임포트 API로 결제 서비스를 개발한 다음, 환불 기능도 추가하려고 찾아보던 도중, 환불 요청을 보내기 위해서는 액세스 토큰을 따로 발급해야 한다고 합니다. 액세스 토큰을 따로 발급을 받기 위해서는 API키와 비밀키를 통해 가져와야 하는데, 보안 상 문제로 서버 사이드에서 액세스 토큰을 발급 받아야한다는 것을 알았습니다. 그러나 react는 클라이언트 사이드 라이브러리인데 그러면 서버 사이드 환경을 만들기 위해 Express 서버를 설치해야만 이 문제를 해결할 수 있나요?
개발자
#react
#아임포트
답변 2
댓글 2
조회 456
10달 전 · liberarion1945 님의 질문
리액트 종속성 에러
버전 호환성 때문에 라이브러리가 안깔리는데 리액트랑 해당 라이브러리와의 호환성은 어디서 확인할 수 있을까요? 일단 깃허브 package.json에 있는 peerdependency확인해봤을 때는17.0.1 이상이라고 나오는데 그 이상이거든요... 근데도 계속 에러 메세지보면 리액트 18.3.1 버전이 필요하다고 하는데 지금 리액트 버전에 호환이되는 라이브러리 버전을 설치하고 싶어서요. 헤당 정보는 어디서 찾을 수 있을지 알려주시면 감사하겠습니다.
개발자
#react
#expo
#dependency
#react-native-maps
답변 0
댓글 0
조회 27
일 년 전 · 김용현 님의 새로운 댓글
애매한 커리어 이거 어떻게 하면 좋을까요. (고민상담부탁드립니다..)
전문대 졸업 후 잡코리아에서 면접 제의 온 회사에 입사했습니다. 1. 전자제품을 다루는 곳이였습니다, 개발 회사라고 해서 들어갔는데 개발은 가끔 통신 장애 나 화면 표시를 바꾸는 정도의 수정이 있을때만 참여하고 대부분 생산제품 검사, 현장 출장이였습니다. 그래서 1년도 못다니고 퇴사를 하고, 2. 그뒤 2달뒤쯤 MES 회사를 다니게 되었습니다. C#을 주로 다루고 DB를 다루고 가끔 비베도 다루는 회사 였습니다. 초짜라 다름 없는 실력이기 때문에 실력도 많이 부족했는데 회사에서 권고사직을 제안했습니다.. 회사에 크게 누를 끼치거나 그런 부분은 없었는데 전 이런 취급 받으면서 일하기 싫고 스펙을 키워야 된다는 생각을 갖게 됩니다. 3. 안드로이드 자바 개발자 과정을 다니게 됩니다. 그곳에서 C, Android Java , php 기초 등을 다시 배우게 됩니다. 4. 코딩교육콘텐츠개발 회사에 입사하게 됩니다. 적은 월급이였지만 꾸준히 연봉인상을 해주었지만 제 개발 스텍 성장은 멈추게 되었고 초중위주로 하다보니 발전성도 떨어지게 되었습니다. 그리고 마지막 결정적인 부분은 코로나 시기가 문제였는지 연봉을 최저시급올라간만큼 정도만 올려주었습니다. (한달에 4만원 더 받는 수준?) 5. 그 후 퇴사후 사무직에서 2년가까이 일을 했습니다. 그러던 와중 IT붐(AI 신드롬)이 다시 일어났고, 저는 IT 업종에 다시 뛰어들기로 결정합니다. 그리고 그러기 위해 제 스텍도 쌓고 몸풀기겸 국비학원을 다니게 됩니다. Python 웹 개발. Android 자바 기반으로 연계해서 서비스 개발 , 오픈 라이브러리 사용(쳇 지피티, 구글 오픈라이브러리 등등) 그리고 24년2월말에 수료하게 됩니다. 6. 현재 입사지원서는 80개 가량 (python 인공지능, 웹개발, 소프트웨어 개발) 등 다양한 회사에 골고루 지원했습니다. 서류통과는 6번정도 있었고, 2 군대는 근무조건이 너무 좋지 않아 면접 포기했고 3번은 면접에서 광탈했고.. 현재까지 구직활동 중 이며, 일경험도 신청했는데 서류도 떨어졌는지 연락이 없습니다. 제가 가지고 있는 스텍이 C# - wpf,winform 구조 사용 Android (Java) - 코틀린은 다루어보진 않은 상태입니다. Mysql, 오라클 Python은 Flask를 다루어보았습니다. -- 취업공고를 보니 대부분은 자바 Spring 이고 Python은 Node 아니면 Django를 많이 사용하는 것 같은데, 그 스텍에 대해 다시 공부하고 포폴이라도 만들어서 취업하는게 맞는거지.. 다른 일이라도 하면서 틈틈이 집에서 방통대 또는 사이버대학교를 다니며 4년 학위를 맞추고, 코딩 레드오션이 끝나길 기다리는게 맞는거지.. 정말 고민이 많습니다. 어떤것이 현명한 선택일까요..
개발자
#이직
#구직준비
#백수
#고민상담
답변 1
댓글 1
조회 223
일 년 전 · 익명 님의 질문
로그인 구현 관련 질문 subdomain.com
안녕하세요 슬랙처럼 로그인을 하면 워크스페이스 리스트가 나오고 해당 워크스페이스를 클릭하면 해당 워크 스페이스로 로그인이 되는 페이지를 구현하려 하는데요. Next.js를 사용중이고 iron-session 라이브러리 통해서 세션을 저장하고 있습니다. ex) app.oursite.com <- 통합 로그인 페이지 워크스페이스 클릭하면 해당 워크스페이스 로그인을 하고 세션을 저장해서 워크 스페이스 사이트로 redirect 시키려 하는데, const session = await getIronSession<Session>(cookies(), { cookieName: 'cookie', password: IRON_SESSION_SECRET_KEY, cookieOptions: { secure: false, // 로컬 테스트에서는 false, 실제 배포에서는 true로 설정 sameSite: 'Lax', // sameSite 옵션을 Lax로 설정 domain: 'localhost', // 로컬 테스트 시 domain 설정을 제거하거나 localhost로 설정 path: '/', }, }); {workspace1}.ourstie.com {workspace2}.ourstie.com 세션 저장이랑 redirect 처리했을때 세션 저장하고 해당 페이지 확인은 하였는데 해당 페이지에서 로그인 인증은 제대로 되지 않고 있습니다. 로그인 페이지로 이동되더라고요 로그인이 안되는 원인으로 짐작가는게 있으면 알려주시면 감사하겠습니다
개발자
#로그인
#통합로그인
#세션
#nextjs
답변 0
댓글 0
보충이 필요해요 2
조회 67
10달 전 · Ted 님의 답변 업데이트
신입 개발자 기술 스택 수준
안녕하세요. 웹 개발 쪽으로 입사한 지 1년 정도 되어가는 신입 개발자입니다. 이전에 "IT 신입 포지션 변경"이라는 질문 글을 쓰고, 많은 관심 가져주셨었는데 그 이후가 현재 상태입니다 ㅎㅎ 약 1년 정도 회사를 다니면서 요즘 궁금한 점이.. 제가 하고 있는, 또는 했었던 것들이 신입 개발자에게 요구되는 당연한 것들인지가 궁금해서 질문드립니다. 먼저, 저희 회사는 중소 기업치고는 사원수가 꽤 있는 편에 속합니다. (2~300전후) 저는 백엔드 공부 후에 어쩌다 보니 프론드 개발자로 입사했고, 추후 백엔드도 같이 맡게 될 거라 듣고 들어왔습니다. 먼저 제가 와서 사용한 기술 스택입니다. (git, postman 등과 같은 툴 또는 라이브러리는 제외) React, Next, Vite, TypeScript, Keycloak, Nginx, Docker, Jenkins, MySQL, MongoDB, Spring, JSP.. 일단.. 생각나는 건 이 정도이고, 막상 적고 보니 많은 걸 했네요.. 지식의 깊이는 물론 신입 입장이기에 깊지는 않지만, 해당 기술들을 사용하고 활용하는 부분에 있어서는 문제 될 정도는 아닌 것 같습니다. 프론트 쪽은 소규모부터 대형 프로젝트(진행 중)까지 거의 혼자? 진행을 했고..(현재 프로젝트의 서버는 시니어분이 하고 계심) 지금도 하고 있습니다. 서버 쪽은 혼자 직접 파이프라인 설계 및 빌드, 배포까지 해봤고 서버에 도커 올리는 것까지도 다 해본 것 같습니다. (물론 정말 힘들었지만 동작은 잘 됨.. 왜 되는지는 그때나 지금이나 저도 모름) 같은 개발자 친구들은 저보고 많이 하는 편이라고는 하는데, 같은 신입이라 정확히 얼마나 많이 하는 건지 감이 잘 안 옵니다. (그냥 하라면 해야지라는 마인드라..) 시니어 분도 조금씩 시키시다가 잘 해내서 점점 업무를 많이 주시는 건 알고 있는데, 현직 자분들의 생각이 궁금합니다.
개발자
#기술스택
#신입
#웹개발
답변 3
댓글 0
조회 1,695
일 년 전 · 익명 님의 질문
우분투 GUI 개발
우분투에서 c++로 상업적으로 gui 대화상자를 개발하려면 qt 는 무료로 사용하는데 제한이 있는 것 같은데 디른 추천할만한 라이브러리는 없을까요?(gtk등)
개발자
#우분투
답변 0
댓글 0
조회 91