5일 전 · 준용 님의 질문
머신러닝,딥러닝을 사용한 석사경험으로 취업준비를 어떻게 할까요?
안녕하세요. 저는 지금 대학원에서 의료영상을 보고 질병을 진단하는 모델링 연구를 진행중인 석사과정생입니다. 위 연구실은 의료영상 자체에 관심이 많은 랩이고, 딥러닝과 머신러닝 알고리즘을 연구하는 순수 AI랩은 아닙니다. 저는 머신러닝(SVM.XG-Boost,Random forest)와 같은 기법들부터 시작해서 Transformer,GNN,GAN,ResNet과 같은 딥러닝 모델을 제 데이터에 적용하는 연구를 진행중입니다. 요지는, 과연 위 모델들을 사용해본 경험으로 취업이 가능할까요? 제가 아직 이 분야에 대해서 자세히 알지는 못하기 때문에 드리는 질문이지만, 알고리즘 자체를 개발하는 엔지니어가 되어야 취업이 되는것은 아닌지 불안해서 여쭤봅니다. 아마 이 문장으로 제 질문이 요약될수도 있을것 같습니다. 딥러닝,머신러닝 모델에 대해서 이해도가 높고 잘 쓰는 사람 VS 딥러닝,머신러닝 알고리즘을 만들어본 사람 회사 입장에서는 어떤 사람을 선호할까요???
개발자
#딥러닝
#머신러닝
#석사
#취업
답변 0
댓글 0
조회 13
2달 전 · 익명 님의 질문
iOS 웹앱 환경에서 헤더 고정 영역에 대한 질문입니다.
vue로 작업된 iOS 웹앱 환경에서 1. form에 focus하였을 때 form 요소가 정상적인 위치에서 보이지 않아 사용자가 재차 스크롤하여야 하는 문제점이 발생 -> 하여, focus 이벤트 리스너를 추가하여 해당요소의 위치에 맞게 스크롤 되도록 이벤트 추가 문제점 : 현재 상단 헤더 요소 (position: fixed) 그 하단에 탭메뉴 (position: sticky) 두개의 요소가 항상 페이지 상단에 고정되어 있음 근데 가상 키패드가 올라오면서 스크롤 이동이 발생하는 경우 상단 요소가 사라짐 가상 키패드가 올라오면서 발생하는 문제인 것 같은데....정확한 이유를 모르겠어서 문의 드립니다.
개발자
#css
#html
#퍼블리싱
답변 0
댓글 0
조회 25
4달 전 · 포크코딩 님의 새로운 답변
웹 성능 최적화에 관해 글을 써봤습니다.
안녕하세요. 저는 신입 7개월정도 된 프론트엔드 개발자 멀린이라고 합니다. 이번에 성능 최적화에 관해 글을 써봤은데 제 글이 상대방 입장에서 어떤지 알 수 없었습니다. 그래서 도움을 요청해요. 제 글이 기술적인 내용을 잘 전달하고 있는지, 깊이 있는 내용을 전달하는지, 실용성에 맞게 전달하는지가 궁금해요. 제가 쓴 블로그 링크입니다: https://medium.com/@scriptmind.corp/how-we-increased-web-performance-b81c5195349c
개발자
#react
#next.js
#performance
답변 1
댓글 0
조회 60
4달 전 · 문승규 님의 질문 업데이트
Flutter VSC 시뮬레이터 실행 에러
Flutter 스터디 중 VSC에서 에러가 발생하여 앱이 실행되지 않습니다. 현재 환경은 MacOS에서 사용하며 flutter, dart는 homebrew로 설치하였습니다. 그리고 Visual Studio Code에서 flutter 에디터를 사용하며 확장도구로 Dart, Flutter를 모두 설치하였습니다. 이후 VSC에서 flutter 실행 시 해당 에러가 발생하며 실행되지 않습니다. 매번 그런 것은 아니며 flutter, dart를 모두 삭제 후 재설치하면 잠시 재대로 동작하다가 컴퓨터를 재실행하면 다시 발생하고 있습니다. flutter doctor -v 했을 때 아무런 문제가 없고 flutter run하였을때도 잘 실행되고 있습니다. 아마 vsc와 충돌이 있는 것 같은데 도저히 해결이 되지 않습니다. 에러 1. the flutter daemon has terminated. - Dart extension 에러 2. Oops; flutter has exited unexpectedly: "FormatException: Missing extension byte (at offset 51)". 혹시 이유를 아신다면 알려주시면 감사하겠습니다.
개발자
#flutter
답변 0
댓글 0
조회 44
5달 전 · 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
조회 254
5달 전 · 홍정민 님의 질문 업데이트
클라우드/인프라 전문가분들에게 조언을 구하고 싶습니다!
안녕하십니까! 저는 올해 정보통신공학과를 졸업했고, 프론트엔드 개발 학원을 수료 후에 다른 길을 생각하던 중 전공을 살려보고 싶어서 클라우드&인프라의 길로 가보자고 마음먹고 도움을 받고자 글을 쓰게 되었습니다! 총 6개의 커리큘럼 중에서 어떤 커리큘럼을 추천하시는지 봐주실 수 있을까요? 정보를 어디서 얻어야 할지 모르겠고 상담 받을 곳이 마땅히 없어서요! 클라우드는 신입을 안뽑는다고 하여 네트워크 비중이 많은 곳을 가야할지.. 아님 가까운 곳으로 가는것이 나을까요? 전문가분들에게 도움을 받고싶습니다..! 1번 https://mzc.livestudy.com/information/kdt-msp 2번 https://soldesk.org/JS_edu_02/?idx=182 3번 https://soldesk.org/JS_edu_02/?idx=193 4번 https://soldesk.org/JS_edu_02/?idx=187 5번 https://gith.co.kr/edu/amazon/amazon-1/ 6번 https://www.keduit.com/renew_course_unemp/courseview.php?idx=4404&empkind=unemp 읽어주셔서 감사합니다!!
개발자
#클라우드
#인프라
#취업상담
#국비학원
답변 0
댓글 0
조회 44
5달 전 · zlian 님의 질문 업데이트
클라우드 엔지니어/아키텍트 부트캠프 질문이 있습니다.
안녕하세요. 클라우드 엔지니어/아키텍트 쪽의 부트캠프 과정을 듣고자 선정을 하는데 있어서 조언 혹은 도움이 필요하여 질문을 드리고자 합니다. 주관적이긴 하지만 아래 과정들 중에 어떤 과정을 들어야 하는지 과정을 경험해보셨거나 아래 과정을 선택하고자 할때 주요하게 봐야할 점이 어떤것이 있을지 질문을 드리고자 합니다. 어떠한 답변이라도 좋으니 여러가지 의견을 주시면 감사하겠습니다 수고하세요!! DX캠퍼스 - AWS Cloud School (https://edu.rapa.or.kr/recruitment/1250) 구름 - 클라우드 네이티브 엔지니어링 (https://deepdive.goorm.io/cloud-native) 카카오테크 부트캠프 - 클라우드네이티브 (https://ktb.goorm.io/pangyo/cloud-native) 메가존 - 메가존클라우드 MSP 솔루션 아키텍트 양성과정 (https://mzc.livestudy.com/information/kdt-msp)
개발자
#클라우드
답변 0
댓글 0
조회 101
6달 전 · 노원재 님의 답변 업데이트
ReactNative ios build 에러 3일째 해결을 못했습니다.
시뮬레이션을 실행하려고 해도 스크립트 문제, iPhone 버전 범위 문제, 시뮬레이터 문제가 계속 발생합니다. 어떤 도움이라도 감사합니다. ReactNative를 처음 접했습니다. 저희 팀에서 저를 도울 수 있는 사람이 없습니다. #프로젝트 환경 mac M2 ruby -v ruby 2.6.10p210 (2022-04-12 revision 67958) [universal.arm64e-darwin23] node -v v20.10.0 pod --version 1.15.2 package.json { "name": "labts", "version": "0.0.1", "private": true, "scripts": { "android": "react-native run-android", "ios": "react-native run-ios", "lint": "eslint .", "start": "react-native start", "test": "jest" }, "dependencies": { "@react-native-community/async-storage": "^1.12.1", "@react-native-community/cli": "13.6.9", "@react-navigation/bottom-tabs": "^6.6.0", "@react-navigation/native": "^6.1.17", "@react-navigation/native-stack": "^6.10.0", "@tanstack/react-query": "^5.51.5", "@types/react-native-vector-icons": "^6.4.18", "axios": "^1.7.2", "date-fns": "^3.6.0", "immer": "^10.1.1", "react": "18.2.0", "react-native": "0.74.3", "react-native-calendars": "^1.1305.0", "react-native-date-picker": "^5.0.4", "react-native-dotenv": "^3.4.11", "react-native-get-random-values": "^1.11.0", "react-native-image-crop-picker": "^0.41.2", "react-native-image-zoom-viewer": "^3.0.1", "react-native-paper": "^5.12.3", "react-native-permissions": "^4.1.5", "react-native-safe-area-context": "^4.10.8", "react-native-screens": "^3.32.0", "react-native-splash-screen": "^3.3.0", "react-native-tab-view": "^3.5.2", "react-native-vector-icons": "^10.1.0", "react-native-vision-camera": "^4.5.1", "uuid": "^10.0.0", "yarn": "^1.22.22" }, "devDependencies": { "@babel/core": "^7.20.0", "@babel/preset-env": "^7.20.0", "@babel/runtime": "^7.20.0", "@react-native/babel-preset": "0.74.85", "@react-native/eslint-config": "0.74.85", "@react-native/metro-config": "0.74.85", "@react-native/typescript-config": "0.74.85", "@types/react": "^18.2.6", "@types/react-native-dotenv": "^0.2.2", "@types/react-test-renderer": "^18.0.0", "babel-jest": "^29.6.3", "babel-plugin-module-resolver": "^5.0.2", "eslint": "^8.19.0", "jest": "^29.6.3", "prettier": "2.8.8", "react-test-renderer": "18.2.0", "typescript": "5.0.4" }, "engines": { "node": ">=18" } } PodFile require Pod::Executable.execute_command('node', ['-p', 'require.resolve( "react-native/scripts/react_native_pods.rb", {paths: [process.argv[1]]}, )', __dir__]).strip platform :ios, '12.0' use_frameworks! #use_modular_headers! prepare_react_native_project! linkage = ENV['USE_FRAMEWORKS'] if linkage != nil Pod::UI.puts "Configuring Pod with #{linkage}ally linked Frameworks".green use_frameworks! :linkage => linkage.to_sym end target 'nexlabts' do config = use_native_modules! use_react_native!( :path => config[:reactNativePath], # An absolute path to your application root. :app_path => "#{Pod::Config.instance.installation_root}/.." ) target 'nexlabtsTests' do inherit! :complete # Pods for testing end post_install do |installer| # https://github.com/facebook/react-native/blob/main/packages/react-native/scripts/react_native_pods.rb#L197-L202 react_native_post_install( installer, config[:reactNativePath], :mac_catalyst_enabled => false, # :ccache_enabled => true ) end end 제가 아래 에러 3가지에 대해 제가 해본 방법들입니다. 1. node 재설치 node_module 폴더 삭제, package-rock.json 삭제 후 재설치 npm install --legacy-peer-deps yarn install 2. Xcode가 node 읽을 수 있도록 설정 sudo ln -s "$(which node)" /usr/local/bin/node 3. Podfile 내 platform 설정 수정 platform :ios, '12.0' or platform :ios, '14.0' 4. Pods 재설치 rm -rf ~/Library/Developer/Xcode/DerivedData or rm -rf ~/Library/Developer/Xcode/DerivedData/* rm -rf Pods rm Podfile.lock pod install --repo-update Xcode \> Product \> Clean Build Folder. cd ./ios pod cache clean -all pod install --repo-update cd ../ npx react-native run-ios --no-packager --simulator="iPhone 15" or npx react-native run-ios --simulator="iPhone 15" or yarn start > i(run ios) Err 1. cocoaPods 설치할 때 [!] CocoaPods could not find compatible versions for pod "React-RuntimeHermes": In Podfile: React-RuntimeHermes (from ../node_modules/react-native/ReactCommon/react/runtime) Specs satisfying the React-RuntimeHermes (from ../node_modules/react-native/ReactCommon/react/runtime) dependency were found, but they required a higher minimum deployment target. Err2. iOS 실행할때 run-ios --no-packager --simulator="iPhone 15" Build description signature: fc1341421f84b87c5245d346c2c17b66 Build description path: /Users/nowonjae/Library/Developer/Xcode/DerivedData/nexlabts-argvodqcybjfcybstpulfpghnzvm/Build/Intermediates.noindex/XCBuildData/fc1341421f84b87c5245d346c2c17b66.xcbuilddata /Users/nowonjae/Desktop/project/NeXLabRN/ios/nexlabts.xcodeproj:1:1: error: Unable to open base configuration reference file '/Users/nowonjae/Desktop/project/NeXLabRN/ios/Pods/Target Support Files/Pods-nexlabts/Pods-nexlabts.release.xcconfig'. (in target 'nexlabts' from project 'nexlabts') warning: Unable to read contents of XCFileList '/Target Support Files/Pods-nexlabts/Pods-nexlabts-resources-Release-output-files.xcfilelist' (in target 'nexlabts' from project 'nexlabts') warning: Unable to read contents of XCFileList '/Target Support Files/Pods-nexlabts/Pods-nexlabts-frameworks-Release-output-files.xcfilelist' (in target 'nexlabts' from project 'nexlabts') error: Unable to load contents of file list: '/Target Support Files/Pods-nexlabts/Pods-nexlabts-frameworks-Release-input-files.xcfilelist' (in target 'nexlabts' from project 'nexlabts') error: Unable to load contents of file list: '/Target Support Files/Pods-nexlabts/Pods-nexlabts-frameworks-Release-output-files.xcfilelist' (in target 'nexlabts' from project 'nexlabts') warning: Run script build phase 'Bundle React Native code and images' will be run during every build because it does not specify any outputs. To address this warning, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase. (in target 'nexlabts' from project 'nexlabts') warning: Run script build phase '[CP] Embed Pods Frameworks' will be run during every build because it does not specify any outputs. To address this warning, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase. (in target 'nexlabts' from project 'nexlabts') error: Unable to load contents of file list: '/Target Support Files/Pods-nexlabts/Pods-nexlabts-resources-Release-input-files.xcfilelist' (in target 'nexlabts' from project 'nexlabts') error: Unable to load contents of file list: '/Target Support Files/Pods-nexlabts/Pods-nexlabts-resources-Release-output-files.xcfilelist' (in target 'nexlabts' from project 'nexlabts') warning: Run script build phase '[CP] Copy Pods Resources' will be run during every build because it does not specify any outputs. To address this warning, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase. (in target 'nexlabts' from project 'nexlabts') --- xcodebuild: WARNING: Using the first of multiple matching destinations: { platform:iOS Simulator, id:B5AA2E84-4F83-4749-A986-A1FCE5E398A3, OS:17.5, name:iPhone 15 } { platform:iOS Simulator, id:B5AA2E84-4F83-4749-A986-A1FCE5E398A3, OS:17.5, name:iPhone 15 } ** BUILD FAILED ** ] Err3. Xcode 로 Build 할때 (Any iOS Simulator Device (arm64, x86_64)) Command PhaseScriptExecution failed with a nonzero exit code
개발자
#reactnative
#xcode
#reactnative-run-ios
답변 1
댓글 0
조회 429
7달 전 · 이지유 님의 새로운 답변
(올영 깊카드 증정) 포폴을 위한 설문 부탁드립니다!
[화해 앱 이용행태 분석을 위한 설문조사] 이 설문은 화해앱 이용행태 분석을 통해 포트폴리오를 만들기 위해 개인적으로 실시하는 설문조사 입니다. ⏳약 1-3분 🗓️~8월 28일 까지 🎁 추첨을 통해 1명에게 올리브영 기프트카드를 드립니다. ➡️ https://forms.gle/nnQM9Pki1cSvzveb6
PM/PO/기획자
#포폴
#포트폴리오
#설문
#화해
#역기획
답변 1
댓글 0
조회 38
7달 전 · 김준석 님의 새로운 댓글
Next.js 코드 가독성..
안녕하세요 프론트앤드 1년차에 다가가고 있는 신입 개발자입니다. 현재 Next14를 사용하고 있으며 코드의 가독성, 효율성을 많이 고려하면서 코드를 짜려고하는데 너무 고민이 되네요 저보다 앞서서 달려가고 있는 개발자 선배님의 생각을 듣고싶습니다 ㅠㅠ... 2가지가 궁금합니다. 먼저 첫번째 이미지처럼 Version에 관련된 파일을 저렇게 분리했을 때 저는 Version의 최상위 Layout.tsx에서 모든 것을 선언하기가.. 너무 오히려 가독성이 안좋다고 생각을 하고 있습니다 즉, 변수나 함수를 모두 최상위 Layout.tsx에서 선언 및 정의를 해두고 props로 내려주는게 이상하다고 생각을 합니다. 변수, 함수, useEffect 모두 직접 해당 변수나 함수를 컨트롤하는 부분에서 선언 및 가공을 하는게 맞다고 생각을 합니다. 최상위 Layout.tsx가 너무 무거우면 오히려 나는 VersionDataTable에 관련된 변수나 함수만 보려고 하였으나 최상위 Layout.tsx를 보고 아 이게 VersionDataTable에 필요하구나 뭐가 필요없구나, useEffect의 의존성 배열까지 고려하는것이 불필요하다고 생각을 하고 있습니다.. 근데 같이 프론트 앤드 개발하시는 분께서는 '단기적으로 절대 코드가 변하지 않는다고 생각하면 그 말씀이 맞는데 그건 아니잖아요? 우리는 계속 유지보수를 할거고 그러면 결과적으로 A에서만 사용하던 변수나 함수들을 A,B,C에서 같이 사용할 수 있게 변경하게 되면 그때 변경하면 유지보수 측면에서 너무 안좋습니다. 최상위에 모두 선언이나 정의를 해두고 props로 내려주는게 맞다 이런 형식으로 코드를 작성하면 몇개월 뒤에 코드를 수정할 때 A가서 수정했다가 C가서 수정했다가 D가서 수정하실 거에요? 바로 알아보실 수 있겠어요?' 라고 말씀을 하시더라구요.. 물론 몇개월 뒤에 코드를 보거나 하면 제가 작성한 코드인데도 저는 헷갈리는 경우가 많습니다. 그러나 최상위에 모두 선언 및 정의해둬도 마찬가지 아닌가..? 유지보수 측면에서 뭐가 안좋은거지..? 라고 생각되게 됩니다.. 선배님의 말씀을 따라가고는 싶은데 이해가 안돼서요 제가 아직 기본기가 많이 부족한 상황이라 이 상황에서 말씀드리면 이론부터 말하며 설득시키기가 부족하다고 생각하기 때문에 말씀드리면 오히려 '저는 이렇게 생각해요 틀렸는데요?' 라고 말하는 것 같아 말다툼이 될 것 같습니다. 2. 밑 사진을 보면 modalTemplate라는 폴더, ConfirmTemplate이라는 폴더가 존재하는데요 이것에 대해서 저는 사용하는 용도에 따라서 Create면 Create Create와 Update를 동시에 할 수 있는거면 BundleCreateAndUpdate 이런 형식으로 각각의 파일을 생성을 하고 문법상 공유되는 부분은 중복이 되어서 실제로 보여주는 부분을 영역으로 나눠서 BasicOptions, SelectList, VersionDetail, VersionOptions로 나누고 각각의 파일에서 사용하는 부분만 불러와서 쓰는 형식으로 코드를 작성했습니다. 그러나 이렇게 용도에 따라 구분하지 않고 최상위 Layout.tsx파일 하나만 만들고 ModalType이라는 props를 받아서 ModalType이 create, update, create&update, delete ... 등 JSX에서 삼항 연산자를 써서 처리를 할수도 있습니다. 저는 ModalType으로 처음에 구분하다보니 나는 'create' 속성일 때 어떤 형식으로 되는지 코드로 보고싶은데.. 그러면 너무 뜯어서 봐야하더라구요 그래서 용도에 맞게 파일을 만들고 거기서 form을 불러오기만해서 중복 코드를 줄이는 방식을 택했습니다.. (더 나은 코드라고 생각했습니다.) 그랬지만 선배님께서 'ModalType으로 나누는게 더 좋아요 저렇게 지으면 가독성이 너무 떨어지고 파일의 이름이 너무 길어지잖아요 이상하지 않나요?' 라고 말씀을 하시더라구요... 물론 가독성은 사람마다 다른거 알고있습니다. 그러나 ModalType으로 나누기 시작하면 한도 끝도없이 나누고 ModalType이 delete일 때만 사용하는 함수, create일 때만 사용하는 함수 등 필요없는 함수도 너무 많아져서 용도에 맞게 파일을 구분하고 거기서 중복 코드만 최대한 줄이자! 라고 생각하여 코드를 작성했는데 이 내용도 말씀드려 봤지만 '가독성' 이라는 이유 하나만으로 너무 안좋다고 합니다.. 진짜 안좋은건가요..? Next 도 그렇고 프론트 앤드 너무 어렵습니다..
개발자
#react
#next.js
#front-end
#code-review
답변 2
댓글 2
추천해요 1
조회 667
7달 전 · 이상래 님의 새로운 답변
react 컴포넌트 작게 쪼갤경우에 파일을 분리하는게 좋나요?
현재 공통으로 사용되지않고, 하나의 page에서만 사용되는 컴포넌트들의 경우 pages폴더의 signUp 폴더에서 (회원가입 페이지의 경우) 계층으로 작성하고있습니다. 단일책임원칙에 따라 하나의 컴포넌트가 하나의 일만 하도록 작게 쪼개고있는데, 폴더의 뎁스도 늘어나고 파일이 너무 많아지는거같아 이렇게 하는 방식이 옳은것인가? 라는 의문이 들어 질문을 작성합니다. 이처럼 컴포넌트를 하나의 일만 하도록 최대한 작게 쪼개는게 옳은 방식인지... 그렇다면 폴더를 계층으로 쪼개는게 맞는건지... 알려주시면 감사하겠습니다 ! 한가지 예시 signUp/content /form / buttonGroup.tsx 요런식입니다
개발자
#react
답변 1
댓글 0
조회 47
7달 전 · 익명 님의 질문
모클리에서 뷰티/커머스와 브랜드 런칭에 관심있는 여러분을 찾습니다!
안녕하세요, 모클리 프로덕트 디자인팀입니다. 👋 저희가 개발 중인 제조 매칭 플랫폼의 사용성을 개선하기 위해 여러분의 소중한 의견을 듣고자 합니다. [📍이런 분들을 찾고 있어요] - 뷰티/커머스 업계에 관심 있으신 분 - 브랜드 런칭에 관심 있으신 분 [📍이렇게 진행됩니다] - 원하시는 날짜에 온라인으로 편하게 참여하실 수 있어요 - 30-40분 정도 소요될 거예요 [📍참여하시면] - 시원한 아이스 아메리카노 기프티콘을 드려요 [📍참여 방법] 아래 링크에서 간단한 설문에 답해주세요. https://forms.gle/j1B64yUVApFkdVMx5 여러분의 참여가 정말 소중해요. 함께 더 나은 제조 플랫폼을 만들어보아요!
PM/PO/기획자
#사용성테스트
#설문조사
#커머스
#제조매칭플랫폼
답변 0
댓글 0
조회 29
8달 전 · 김호진 님의 질문
화상회의 관련 질문입니다!(높은 확률로 사례)
안녕하세요 비디오 미팅(화상 회의, 1:1 원격 미팅 등)에 관련해서 간단한 설문을 받고 싶은데 도저히 어디에 어떻게 뿌려야할지를 몰라 커리어리로 들어왔습니다. 스타벅스 기프티콘이 최소 20개가 있어서 설문을 100개만 모은 다음 20분께 드리려고 하고, 더 적게 모이더라도 20분에게는 드릴 예정입니다! 질문이 아닌데 글을 써서 죄송하네요,, 총 예상 소요시간 3분에 질문도 13개(대부분 객관식) 밖에 없어 혹시 시간적 여유가 되시는 분들이 있으시다면 설문 한번만 해주시면 너무 감사드릴 것 같습니다ㅎㅎ 링크 : https://forms.gle/SSDd5aWNEAxXtgFN8 그럼 오늘도 좋은 하루 보내세요!
PM/PO/기획자
#설문
#화상회의
답변 0
댓글 0
추천해요 1
조회 21
8달 전 · 문정동개발자 님의 새로운 답변
웹폰트 나눔스퀘어네오 윈도우 크롬 적용안되는 현상
React 프로젝트이며, 웹폰트로 나눔스퀘어네오 cdn방식으로 가져오고 있습니다. 맥에서는 잘 적용되는데, 윈도우 크롬 콘솔에 에러 뜨고 네트워크탭 - 폰트 확인 시 404가 뜨는데, 혹시 저와 같은 현상인 분 있으신가요?? 콘솔 에러 OTS parsing error: Unable to instantiate font face from font data. ``` @font-face { font-family: 'NanumSquareNeo-Variable'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff') format('woff'); font-weight: normal; font-style: normal; } ``` 나눔스퀘어네오 폰트 https://noonnu.cc/font_page/1053
개발자
#프론트엔드
#react
#fronted
#font
#웹폰트
답변 1
댓글 0
보충이 필요해요 1
조회 183
8달 전 · 익명 님의 질문 업데이트
[설문 조사] 데스크 테리어에 관심을 가지고 계신가요?
안녕하세요! 현재 취업 준비생으로 사이드 프로젝트를 진행하고 있습니다! 책상이라는 개인 공간을 통해 다양한 개성과 성향을 표현할 수 있는 데스크무드 서비스로 각자의 취향과 스타일을 더욱 돋보이게 하는 데스크 테리어를 소개하고 서로 공유하는 플랫폼을 제공하는게 목표입니다! 서비스 제작에 앞서 여러분들의 의견을 듣기 위해 설문을 진행하게 되었습니다! 시간 여유 있으실 때 한 번씩 소중한 5분 참여 부탁드립니다! 사이드 프로젝트 진행에 많은 도움이 될 것 같아요😊 많은 관심 부탁드립니다! - 참여 대상 : 누구나(데스크테리어한 경험 없어도 괜찮습니다!) - 참여 기간 : 2024-07-08 ~ 2024-07-22 - 설문 소요 시간 : 약 5분 - 추첨 선물 : 추첨으로 3분께 스타벅스 아메리카노 기프티콘을 드립니다. - 설문 조사 링크 : https://forms.gle/Wh6fFxDUdZPBNqDZ6
PM/PO/기획자
#설문조사
#설문
#사이드프로젝트
#사이드
#프로젝트
답변 0
댓글 0
조회 33
9달 전 · 김용현 님의 새로운 댓글
애매한 커리어 이거 어떻게 하면 좋을까요. (고민상담부탁드립니다..)
전문대 졸업 후 잡코리아에서 면접 제의 온 회사에 입사했습니다. 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
조회 197
9달 전 · Top 10 Best Rated 님의 질문
Top 10 Best Rated - Lists of the Best Products, Services and Reviews
Top 10 Best Rated is a comparison platform that brings you useful top 10 lists worldwide covering a wide variety of products and services that can help you save time and money. Visit now https://top10bestrated.com
개발자
#top-10
#best
#rated
답변 0
댓글 0
보충이 필요해요 2
조회 14
9달 전 · 김유진 님의 새로운 댓글
리액트에서 superagent를 활용해서 minio에 업로드하는 방법을 알려주세요 😂
제발 도와주세요 ㅜㅜㅜㅜㅜ 몇일동안 오류를 해결하지 못하고 있어요.. .. 리액트 웹에서 모바일 핸드폰으로 웹을 접속했을 경우, input을 통해서 사진을 업로드하거나 촬영한 이미지를 minio에 업로드 하고 싶은데, 아래 부분에서 계속 오류가 발생해서 도움을 요청해요 ㅠㅠ https://min.io/docs/minio/linux/developers/javascript/API.html#presignedPostPolicy 위 문서를 참고해서 코드를 작성했어요! [핸드폰으로 웹 접속 -> 사진 업로드/촬영 -> minio 업로드] 이 순서인데, minio에 이미지가 업로드가 되지 않고 계속 오류를 발생시켜요. superagent를 활용해서 minio에 업로드가 가능하다고, 위 문서를 참고해서 작성을 했는데, 계속 아래 에러 메시지를 전달받고 있어요ㅜㅜ 아래 에러를 게속 반환해요. <Error> <Code>MalformedPOSTRequest</Code> <Message>The body of your POST request is not well-formed multipart/form-data. (The name of the uploaded key is missing)</Message> <BucketName>bucket</BucketName> <Resource>/bucket</Resource> <RequestId>RequestId...</RequestId> <HostId>HostId...</HostId> </Error> f12 개발자 모드 페이로드 전달 데이터 bucket: 데이터 Content-Type: multipart/form-data x-amz-date: 날짜정보 x-amz-algorithm:데이터 x-amz-credential: 데이터 policy: 데이터 x-amz-signature: 데이터 file: (바이너리)
개발자
#react
#superagent
#typescript
답변 1
댓글 2
조회 63
9달 전 · 신진철 님의 새로운 댓글
우분투에서 pip install 시, 다음과 같은 오류가 발생합니다.
안녕하십니까 선배님들. 현재 AWS EC2에서 안드로이드 어플리케이션 용으로 백엔드 서버를 구축하는 도중, 다음과 같은 오류를 맞이했습니다. 현재 사용하는 ubuntu는 24.04 LTS 버전입니다. 도무지 해결 방안을 찾지 못해서 이렇게 조언을 구하고 싶습니다. 감사합니다. pip install git error: externally-managed-environment × This environment is externally managed ╰─> To install Python packages system-wide, try apt install python3-xyz, where xyz is the package you are trying to install. If you wish to install a non-Debian-packaged Python package, create a virtual environment using python3 -m venv path/to/venv. Then use path/to/venv/bin/python and path/to/venv/bin/pip. Make sure you have python3-full installed. If you wish to install a non-Debian packaged Python application, it may be easiest to use pipx install xyz, which will manage a virtual environment for you. Make sure you have pipx installed. See /usr/share/doc/python3.12/README.venv for more information. note: If you believe this is a mistake, please contact your Python installation or OS distribution provider. You can override this, at the risk of breaking your Python installation or OS, by passing --break-system-packages. hint: See PEP 668 for the detailed specification.
개발자
#서버
#ec2
#ubuntu
답변 2
댓글 2
추천해요 1
조회 740
10달 전 · 신진철 님의 새로운 댓글
SpringBoot와 MySQL 도커 배포 과정에서 계속 오류가 발생합니다.
선배님들 안녕하십니까? 제목 그대로 스프링부트와 MySQL 배포 과정에서 HikariPool-1 - Exception during pool initialization. server-1 | server-1 | java.sql.SQLNonTransientConnectionException: Could not create connection to database server. Attempted reconnect 3 times. Giving up. 위와 같은 오류가 발생합니다. MySQL은 정상적으로 배포가 되어서 접근이 가능한 것을 확인했습니다. 하지만, SpringBoot의 경우, 계속 DB와 연결이 실패합니다. 아래는 SpringBoot의 application.properties 파일과 docker-compose.yml 파일입니다. 한 수 가르쳐주셨으면 합니다. 감사합니다. spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver spring.datasource.url=${SPRING_DATASOURCE_URL} spring.datasource.username=${SPRING_DATASOURCE_USERNAME} spring.datasource.password=${SPRING_DATASOURCE_PASSWORD} spring.jpa.show-sql=true spring.jpa.hibernate.ddl-auto=update spring.jpa.properties.hibernate.format_sql=true
개발자
#오류
#스프링부트
#도커
#mysql
답변 1
댓글 3
조회 341
3달 전 · 김규리 님의 질문 업데이트
공감각적 브랜딩에 관련한 설문조사
안녕하세요 ! 방문해주셔서 정말 감사드립니다. 현재 해당 브랜딩에 관련하여 설문을 진행하고 있습니다. https://forms.gle/DJdzYfS9FDHeUw5G9 전문가분들 입장에서 바라본 조사 여부로 조사 결과의 전반적인 질을 높이기 위한 사항으로 여러분들의 의견이 필요합니다. 아무쪼록 많은 관심 부탁드립니다 :) ✔️참여 대상자 : 해당 브랜딩에 관심있는 전문가 분들
디자이너
#설문조사
답변 1
댓글 1
추천해요 1
조회 60
10달 전 · 짹 님의 새로운 답변
nextjs 14 form xss방지를 위한 검증방법
nextjs 14 server action 으로 form 전송하려고 합니다 xss공격을 방지하기위해 input의 html이나 script코드를 걸러내고싶은데 혹시 어떤라이브러리를 사용하는게 좋을까요?
개발자
#nextjs14
#next.js
#xss방어
#xss방지
#form
답변 1
댓글 0
조회 127
일 년 전 · 디큐 님의 새로운 답변
리액트에서 라디오그룹이 원하는대로 동작하지 않아요..
react-hook-form을 사용하고있고, medias는 useFieldArray를 사용하는중인데요. medias에 feeFlag라는 값이 있고 이 값은 '1' | '0' 둘중에 하나인데요. 값이 0인 경우에는 라디오그룹에서 버튼이 yes/no 왔다갔다 선택이 되는데.. 서버의 값이 1인 경우에는 yes에서 고정된 상태로 no가 선택이 되지 않습니다. 뭐가 문제인지를 도통 모르겠어서요.. 이틀째 라디오그룹 버튼 선택이 안되는 문제에 막혀있습니다... ㅠㅠ
개발자
#react
#mui
답변 1
댓글 0
추천해요 1
보충이 필요해요 3
조회 98
일 년 전 · 김영기 님의 새로운 답변
react-hook-form 및 react-table을 사용하면서 문제가 풀리지 않아서 질문드려요..
캠페인 데이터 안에 매체 데이터들이 있는데요. 매체 데이터의 이름으로 테이블을 만들고 테이블의 행을 클릭하면, 해당 행에 연관된 데이터를 보여주고, 수정이 가능한 폼?을 만들고있는데요. 캠페인 폼을 서브밋할 경우 매체에서 변경된 값은 정상적으로 콘솔에 찍히는데 테이블의 다른 매체를 선택해도 생성일이 변경되지 않는 문제가 있는데요.. 어떤게 문제인지 잘 모르겠습니다.. 첨부한 스크린샷에서 처럼 예를 들어.. 매체명11 - 생성일 5월1일 매체명22 - 생성일 5월2일 매체명33 - 생성일 5월3일... 이런식으로 데이터가 있다고하면 매체를 선택할때마다 생성일도 같이 변해야 되는데 변경이 안됩니다..ㅠ 폼 하나로 캠페인 및 캠페인 안에 있는 매체들의 데이터를 한번에 서브밋 하고싶어서 저런식으로 구성을했어요.. 뭐가 문제인지 도무지 모르겠어요.. 도와주세요!..
개발자
#react
답변 3
댓글 0
보충이 필요해요 1
조회 80
일 년 전 · 삭제된 사용자 님의 질문 업데이트
COPY(PG) GC 오버헤드 에러
안녕하세요. 대용량의 텍스트 파일을 postgreSql에 적재하는 모듈을 개발하고 있습니다. copy 함수를 활용하여 텍스트 파일('|'으로 구분되어 있는)을 테이블에 insert 하는데 헤더 스킵을 위해 csv로 parsing하려고 합니다. 근데 파일이 커서 그런가(8GB정도) 'OutOfMemoryError : gc overhead limit exceeded' 에러가 계속 발생합니다.. (어떨 땐 에러 없이 잘 들어가기도 합니다) 코드 중에 불필요한 구문이 있는 건지 판단이 잘 안됩니다... 또 csv로 파싱하지 않고 텍스트 파일의 첫째 줄을 지우고 copy로 밀어 넣는 방법이 있을까요? --------구현 코드-------- try ( BaseConnection c = dataSource.getConnection().unwrap(BaseConnection.class)) { try ( PGCopyOutputStream os = new PGCopyOutputStream(c, "COPY " + tableName + " FROM STDIN WITH (FORMAT CSV)"); CSVPrinter writer = new CSVPrinter(new OutputStreamWriter(os, StandardCharsets.UTF_8), CSVFormat.POSTGRESQL_CSV); CSVParser reader = new CSVParser(new InputStreamReader(inputStream, charset), CSVFormat.INFORMIX_UNLOAD.withFirstRecordAsHeader())) { for (CSVRecord row : reader) { for (String col : row) { if (col != null && StringUtils.hasText(col.trim())) { writer.print(col.trim()); } else { writer.print(null); } } writer.println(); } } } *inputStream은 해당 파일 BufferedInputStream 객체입니다.
개발자
#postgresql
#error
답변 1
댓글 1
조회 75
일 년 전 · 유길종 님의 답변 업데이트
react-hook-form 복잡한 form에서 궁금점이 있습니다 !
안녕하세요 현재 진행하는 프로젝트에서 form을 recoil로 관리하고있습니다. 이유는 form과 화면구성이 너무 복잡한 형태라 props drilling도 심하고 (부모에서 자식까지 5~7 depth) 관리해야하는 데이터가 많아 store에서 관리하고있습니다. react-hook-form이 복잡한 form에서 효율을 낸다고 해서 마이그레이션 해볼까 생각중인데 궁금점이 있어 작성합니다 ! 1. 이렇게 전역적으로 관리를 해야하는 복잡한 form에서도 좋은 효율을 내고 전역 상태관리 라이브러리보다 좋은 방향일까요?! (FormProvider 를 사용) 2. form에서는 input 필드만이 아닌, tab클릭, 드랍다운 클릭, 체크박스 클릭, 이미지 업로드, 라디오 클릭 등등 이러한 경우가 많은데 react-hook-form 을 사용해도 좋은 방향인가요?! 어떨때 react-hook-form을 사용하면 좋은지 궁금합니다 !
개발자
#react
답변 1
댓글 0
조회 123
일 년 전 · 최윤재 님의 새로운 댓글
react에서 에러 status에 따라 에러 모달을 가져오는 법
안녕하세요. 지금 api를 호출 후에 api에서 에러가 났을 때, 해당 에러의 status를 저장하여 해당 status에 맞는 에러 모달을 띄워주려고 하고 있습니다. ``` catch (error: unknown) { if (error instanceof AxiosError) { handleErrorModal(error.response?.status); } return null; } ``` 이렇게 fetchData에서 에러가 발생했을 때, handleErrorModal로 에러 status를 전달하고 있습니다. ``` const [errorType, setErrorType] = useRecoilState(errorDataState); const handleErrorModal = (errorStatus: string | number | null) => { setErrorType(errorStatus); }; ``` 그리고 handleErrorModal 함수는 이와 같이 작성을 해놓은 상태이고요. 근데, setState가 비동기로 작동해서인지 errorStatus가 저장이 되지 않아서 계속 초기값인 null을 띄워줍니다. 그리고, 계속 ``` Warning: Can't perform a React state update on a component that hasn't mounted yet. This indicates that you have a side-effect in your render function that asynchronously later calls tries to update the component. Move this work to useEffect instead. ``` 이 오류를 띄우네요. 이 문제를 해결하기 위해서는 useEffect를 쓰는 방법외에는 다른 방법이 없는걸까요?
개발자
#react
#react-query
답변 1
댓글 1
조회 99
일 년 전 · 이동희동이 님의 질문
Next.js 14 서버액션을 사용한 폼 데이터 처리 중 질문입니다.
next.js 14의 서버액션을 사용해서 사용자로부터 form으로 데이터를 입력받아 DB에 저장하고 첨부파일을 서버에 업로드하는 모듈을 개발중입니다. 문제점은, 첨부파일을 input으로 입력받아 서버액션 함수로 formData로 넘겨주는데, 서버액션 함수에서 첨부파일의 파일명에 한글이 포함됐을 경우 파일명의 한글이 유니코드로 보이는 문자열로 찍히고 있습니다. // Form.jsx "use client"; // [other code] export default function Form() { const [formState, formAction] = useFormState(inquiryAction, { success: undefined, message: "", }); const { register, handleSubmit, reset, formState: { errors }, } = useForm(); const onSubmit = (data) => { const formData = new FormData(); const jsonData = JSON.stringify(data); formData.append("jsonData", jsonData); data.attachment[0] && formData.append("attachment", data.attachment[0]); formAction(formData); }; return ( <form action={handleSubmit(onSubmit)}> // [other code] <FileInput label="첨부파일" {...register("attachment")} error={errors} resetTrigger={resetTrigger} /> // [other code] </form> ); } // inquiryAction.js "use server"; import { connectDB } from "./connectDB"; export async function inquiryAction(prevState, formData) { const fields = JSON.parse(formData.get("jsonData")); const attachment = formData.get("attachment"); console.log(attachment); } Form 컴포넌트는 클라이언트 컴포넌트이고, react-hook-form과 next14의 서버액션을 사용하기 위해, form의 action에는 react-hook-form의 handleSubmit함수에 onSubmit 함수를 인자로 전달합니다. onSumbit 함수에서 서버액션 함수를 가져와 처리를 하고 있습니다. 그런데 여기서 서버함수쪽에서 첨부파일을 받을 때 한글 파일명이 다 깨지고 있네요... 기존에 api route와 fetch api를 사용했을 땐 문제가 없었는데.. 제가 놓치고 있는 부분이 있을까요?
개발자
#next.js
#server-action
답변 0
댓글 0
조회 510
일 년 전 · 박대영 님의 새로운 댓글
프론트에서 세션으로 로그인 유지 하려는 과정 중 문제가 생겼습니다.
안녕하세요 현재 제가 백엔드(스프링)를 진행하고 있고, 지인이 프론트를 진행하고 있습니다. JWT를 진행하기 전 세션을 통해서 로그인을 해보려고 합니다. 결론부터 말씀 드리자면 쿠키값에 세션id가 저장이 안되어 로그인 유지가 안되는 상황입니다. 사용하고 있는 로그인 방식은 Spring Security FormLogin 방식입니다. 복잡하게지만 백엔드 쪽에서의 문제인지 코드를 한 번 올려드리겠습니다. 생각 1. 인텔리제이 내에서 html을 등록하여 진행하면 같은 도메인, 포트이기 때문에 시큐리티가 자동으로 세션을 만들고 그 세션을 통해 자동으로 유지된다고 생각합니다. 생각2. 하지만, 프론트, 백엔드 서버 포트가 다르기에 successHandler을 통해서 쿠키에 세션ID를 담아서 보내야 된다고 생각했습니다. 하지만, 세션ID는 유지가 되지 않고, 그것에 대해 계속 알아보던 중 해결책을 못찾아 질문을 드립니다. 프론트단에서 따로 처리를 해야되는 걸까요? 아니면 제가 제대로 설정을 못하고 있는 것일까요
개발자
#spring
#프론트
#백엔드
#세션
#session
답변 1
댓글 4
조회 253
일 년 전 · 강용석 님의 새로운 답변
프론트엔드 유효성 검사 어떻게 하시고 계신가요?!
진행하는 프로젝트에서 form에 관리하는 state들이 10개정도되는 편이라 recoil 이나 jotai로 state관리를 진행하고있습니다. 유효성검사가 필요한 부분들은 마찬가지로 const [nameError, setNameError] = usState('') 이런식으로 선언하여 name 변경시 setNameError(value ? 'error message' : '') 형식으로 관리하고있습니다. 각 state마다 이렇게 처리하니 추후 복잡해보이기도해서 더 좋은 방법은 없는지 어떻게 처리하고계신지 궁금해서 질문남깁니다 !
개발자
#react
#nextjs
답변 3
댓글 0
조회 140