#문자열

Next.js 사용 시 SyntaxError: Expected property name or '}' in JSON at position 61의 에러위치가 어딘지 어떻게 알수있나요?

"next-auth": "^5.0.0-beta.20" 사용 중인데 해당 에러를 검색해보니 JSON 형식의 문자열이 아니기 때문에 에러가 발생한 것이라고 하던데 에러가 일어난 코드의 위치를 정확히 말을 안해주니 어디서 어떻게 고쳐야할지 도통 모르겠습니다....ㅠㅠ 해당 에러를 야기하는 것으로 의심되는 파일의 코드와 에러메시지를 띄운 터미널을 캡처하여 첨부드립니다... 혹시 어디서 문제인지 힌트라도 주신다면 열심히 찾아 해결해보겠습니다!!!

공공데이터 API 호출 및 렌더링 과정에서 고민이 있습니다..

공공데이터api 관련 프로젝트를 진행 하고 있습니다. 기획, 디자인 전부 저를 비롯한 팀원과 함께하고 있는데, api를 불러와 정보 데이터를 표시하는데 <p><span style="color: rgb(13, 13, 13); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space-collapse: preserve; background-color: rgb(255, 255, 255);">덕순이.. 이상하게 보자마자 덕순이란 이름이 떠올랐어요.</span></p><p><span style="color: rgb(13, 13, 13); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space-collapse: preserve; background-color: rgb(255, 255, 255);"><br></span></p><p><span 이런식으로 스트링 값으로 불러와집니다. 문자열로만 추출하니 개행, 문장 이음새 등등이 가독성이 아래사진 처럼 매우 떨어지게 됩니다 다음 상황에서 어떤 방법이 좋을까요? 위와 같은 태그로 표시되기에 이를 React에서 그대로 태그 형식으로 출력하는 방법을 생각해보고 있지만, 컬러,폰트 크기 같은 속성은 제외하고 <p> <span>등의 태그만 유지하도록 필터링해야하는 것인가요? 혹시 그렇다면 그 필터되 값을 문자열 형식말고 태그형식으로 적용할 수 있을까요? (추가) 현재 gpt 도움으로 아래의 방법으로 진행하여 성공하게 되었는데 이방법보다 효율적인 방법이 있을까요? 또한 이방법으로는 폰트 사이즈, 굵기가 임의 조절이 되지않는 단점이 있어서 이를 해결하고 싶습니다.

금액과 같이 숫자를 POST요청 보낼때

자바스크립트 환경이고 Number 타입을 post 요청으로 보내는 상황입니다. 숫자 20자리를 넘어가면 지수표기법(예를 들어, 1.21e+25)로 바뀌어서 서버단에서 유효하지 않은 정수라고 오류가 났습니다 이런 큰 숫자의 경우에는 문자열로 다루는 게 더 좋은가요? 어떻게 다루시는지 궁금합니다

주소 저장 시 우편번호 vs 문자열

시/도 + 시/군/구 의 정보만 필요한데 보통 이런 정보는 우편번호로 저장하나요? 아니면 ‘서울특별시 강남구’처럼 문자열로 저장하나요?

클라이언트(프론트)에서 api return 처리를 어떻게 하시나요?

안녕하세요 클라이언트(프론트)단에서 axios 사용해 REST api return 스펙정리를 해서 서버단과 이야기해 수정을 하려고 합니다. 고려사항 등 도움을 주시면 감사하겠습니다. Method - GET : 정보조회시 - POST : 저장시(회원, 주문, 아이템 등) - PUT : 수정시 - DELETE : 삭제시 현 구현 - HTTP status 200은 성공, 그 외 에러처리 => 서버단에서 보내주는 msg 혹은 프론트에서 하드코딩으로 문자열 출력(alert) 문제점 1) 성공과 실패 및 실패 사유에 대한 return 구조체가 생각 이상으로 깊은 구조이며 일관성이 없음. ex1) response.data = { 객체 정보 } ex2) response.data = "Success"; -- 여기부터 문제 -- ex3) response.data.detail = "Faile"; ex4) response.data.detail[0].msg = "Faile"; // 기타 다른정보들 포함됨 ex5) response.data.messages "문자열" 2) 몇개의 api는 return 값으로 status가 200으로 string 혹은 object가 날라옴. 3) 사용자 정보제공(문자열) 하드코딩 다국어 설정도 고려하고 있기에.. 실패시 정보를 연상코드로 리턴받을까합니다.(개인 생각) 작성하고 보니 어떻게 문제점은 보이는데 좋은 개선점이 있으시면 의견주시면 감사하겠습니다.

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를 사용했을 땐 문제가 없었는데.. 제가 놓치고 있는 부분이 있을까요?

c언어 (문자열, 포인터) 궁금해용

인스타 릴스보다가 봤는데용 이게 왜 cba로 나오는지 설명해주시면 감사하겠습니다!!!

토큰은 클라이언트에 노출되어도 상관없나요?

안녕하세요! 프론트엔드 공부하고 있는 취준생입니다. 토큰에 대해 이해가 안되는 것이 있어서 질문을 올립니다. 토큰은 복호화, 암호화와 달리 서명을 통해 무결성을 확인하는 것으로 알고 있는데요, 이를 통해 토큰을 로컬스토리지나 전역 상태 라이브러리등을 사용하여 저장하는 걸로 배웠습니다. 로컬스토리지나 전역 상태 라이브러리를 사용하는 것이 클라이언트에 노출하는 것이랑 보안적으로 다른 것인가요? 사실 이것이 어떻게 안전한 것인지 의아해서 질문을 올립니다. 토큰도 결국 string 문자열일 뿐이고, 이를 복사하여 서버 데이터에서 유저 정보를 빼낼 수 있지 않나요?

php 데이터형 질문

안녕하세요 php 공부하는데, 공백이 없는 빈문자열 ""은 Null(값이없음)이라고 하길래, $string = ""; var_dump($string); 으로 빈문자열 ""의 데이터형을 보는데, Null이 아니라 string(0) "" 으로 출력되네요. 제가 잘못이해 하고있는 것인가요? 왜 이런 결과가 출력되는지 궁금합니다.

next auth 소셜로그인으로 일반적인 jwt 인증방식 구현하기

안녕하세요 next auth로 소셜로그인을 구현중입니다. 따로 spring boot 서버가 있는 상태이구여. 궁금한점이 있습니다. 1. 소셜로그인 완료 시 account에 들어있는 accessToken과 refreshToken을 아래와 같은 코드로 빼낸 뒤 서버에 보내서 일반적인 jwt방식으로 구현을 하려고 합니다. 하지만 token들이 jwt형식이 아니라 ' . ' 구분없이 하나의 문자열로 나옵니다. jwt토큰 형태로 바꾸는 방법이 따로 있나요? 아니면 이와 같은 방식은 잘못된 방식인건가요?? ``` session: { jwt: true, }, callbacks: { async jwt({ token, account, profile, user }: any) { if (account && user) { token.accessToken = account.access_token; token.refreshToken = account.refresh_token; token.id = profile.id; } return token; }, async session({ session, token, user }: any) { if (session) { session.accessToken = token.accessToken; session.refreshToken = token.refreshToken; session.user.id = token.id; } return session; }, }, ``` 2. 만약 소셜로그인 시 생성된 토큰들을 spring boot 서버에 보내는 방법이 불가능하다면 따로 토큰을 생성해야 하는건가요? 그렇다면 next-auth를 사용하는 이점이 사라지는게 아닐까요??

신입개발자,, 고민이 있습니다!

안녕하세요.1년이 다되어가는 고민많은 si신입 개발자입니다! 요새들어 회고록이 눈에 많이 들어오면서, 저의 1년을 되돌아보았을 때 문득 궁금한 점이 생겨 이렇게 글을 쓰게 되었습니다! 궁금한 점 ! 1. 사수한테 질문하는 것은 필요한것인지 궁금합니다. 필요하다면 어느 부분에 대해 도움을 받는게 맞는지 궁금합니다! (어떤분은 이틀에 걸려 해결한게 머릿속에 많이 남으니 구글이 선생님이라 생각하고 구글에게 질문하라는 분 vs 어떤분은 사수에게 물어가며 배워가는것도 좋다는 분 이렇게 나뉘는것 같아서요,,) 2. 스프링, 자바에 관심이 많고, 현재 스택도 그렇게 맞춰 회사에 입사를 하였는데, 스프링을 하면 할수록 자바가 부족하구나.라는 생각이 들었어요. 그래서 자바를 계속 반복하고 있는데, 다른분들은 여러가지 공부해야할 것들의 비율을 어떻게 나눠서 공부하시는지 궁금합니다! 3. 문제 상황을 맞닥뜨렸을때, 쿼리에서 해결해야하는건지, 서비스단에서 해결해야하는건지, 스크립트로 해결해야하는건지를 모르겠습니다ㅠㅠ (예를 들면, 문자열을 10글자만 잘라 출력) 선배님들의 많은 조언 부탁드립니다! 감사합니다!!🙇🏻‍♀️

django의 request로 받는 imagefile

안녕하세요. 저는 스타트업회사에서 백엔드 개발자로 근무하고 있습니다! django의 drf 프레임워크를 활용하여 api를 생성하여 사용합니다. 개발을 하던 도중에, 모바일 앱(react-native)에선 사진을 uri, name, type의 필드들로 이루어진 json 객체를 보내는데 이것을 어떤 원리로 django가 사진이라고 이해하고 저장하는지가 궁금합니다 왜냐하면, 기존에 있던 사진들을 s3에 저장된 url 문자열로 frontend에 보내주는데, 그 값을 가지고 다시 uri, type, name으로 쪼개서 다시 백으로 넘겨준다고 하더라고요(기존 사진을 그대로 사용하는 경우) 그런데 그렇게 받은 사진에 대한 객체를 처리하기 전에, s3상에서 그 파일이 삭제가 된 경우에도 정상적으로 작동하는 이유를 모르겠어서 그렇습니다 웹(react)에서는 같은 백 api를 사용하더라도 작동이 안 되고, 앱에서는 작동이 잘 되는데 이것 역시 원인을 잘 모르겠습니다...

JSON.stringify에 대해 궁금합니다!

api통신할 때 아래와 같이 “”안에 string으로 JSON문자열을 그대로 넣어서 보내고 있는데 { check_list: JSON.stringify(check_list.value) } 키값 앞뒤로 /“ 이게 왜 붙는걸까요? 없애려면 어떻게 해야하나요? -현재 { “check_list”: “[{\“check_id\“:80,\“file_id\“:24076,\“checked\“:true}, {\“check_id\“:84,\“file_id\“:24077,\“checked\“:true}, {\“check_id\“:81,\“file_id\“:24079,\“checked\“:true}]“ } -원하는 값 { “check_list”: “[{check_id:80,file_id:24076,checked:true}, {check_id:84,file_id:24077,checked:true}, {check_id:81,file_id:24079,checked:true}]“ }

특정 문자열 맨션 기능을 넣고 싶습니다. (이미지 참조)

안녕하세요, 다름이 아니라 회사 업무중 댓글 기능을 만들고 있습니다. 특정 댓글의 대댓글 작성시 해당 댓글의 사용자의 아이디를 textarea 또는 다른 tag를 사용하여 맨 앞에 두고 배경색을 다르게 하고싶은데, 구글링을 해도 오토맨션기능은 많은데 제가 원하는 기능은 아직 찾지못했습니다. 혹시 아래 조건에 부합하는 좋은 코드 있으면 감사하겠습니다. 프레임워크는 리액트 입니다. 1. 특정 사용자 아이디가 맨 앞에 와야한다. 2. 맨 앞에 온 아이디의 배경색을 지정할 수 있어야한다. 3. 아이디를 맨 앞 또는 백스페이스로 한번 클릭시 아이디가 삭제되어야한다. 4. 정상적인 textarea처럼 사용자가 입력한 값을 받고 submit할 수 있어야 한다. 이미지는 유튜브 댓글을 참고한 것 입니다. 제가 원하는 기능이 저것 입니다.

typescript 에서 동일한 string 타입에 들어가는 데이터를 다르게 type check 하는 방법이 있나요 ?

typescript 고수분들께 질문이 있습니다! 서버에서 string 값을 내려주는데, 프론트에서 해당 string 을 파싱해서 만든 string 을 이용해야 해요 근데 둘다 type 을 string 으로 두게 되면 서로 동일한 타입이 되기 때문에, 파싱 로직을 거치지 않고 할당해도 타입스크립트가 경고하지 않아요 그래서 ""파싱 전의 문자열"" 과 ""파싱 후의 문자열"" 둘을 서로 호환되지 않는 타입으로 만들고 싶은데, 혹시 좋은 방법이 있을까요? BeforeParse 를 string 대신 unknown 으로 주면 원하는 걸 만들 수 있긴 한데, 그냥 좀더 좋은 방법이 없을까 고민중입니다.

Api로 간단하게 데이터 저장

회사에서 카페24를 사용하는데 저는 퍼블리셔라 개발쪽은 진짜 기초적인것만 할 줄 아는 js초보라 Firebase나 httpxmlrequest, WebSocket 이런거 사용법을 잘몰라서 그러는지 검색해도 영상을 봐도 이해가 너무 어렵더라구요.. 혹시 간단한 예제로 사용자가 데이터 이를테면 문자열을 입력하면 데이터가 저장되어서 목록에 추가되고 새로고침해도 유지되려면 어떻게 해야하나요?

혹시 typescript 에서 특정 문자열로 시작하는 속성을 가지는 object 를 정의하는 방법이 있나요 ?

다음 코드와 같이 특정 문자로 (foo_xxx) 시작하는 속성을 가지는 object type 을 만들고 싶어요. 왠지 가능할것 같은데 원하는 방법을 못찾고 있어요. 도와주세요.

SQL MONTH 함수가 문자열을 리턴하는 것 맞나요?

WHERE MONTH(DATE) = 3은 안되고 WHERE MONTH(DATE) = ""3"" 은 작동하던데.. 근데 또 WHERE YEAR(DATE) = 2022는 되더라고요..? 이게 대체 무슨 원리일까요....ㅠ

(쌩초보,JS) 제가 무엇을 놓치고 있는걸까요? 수업 후 예시문제가 안풀립니다.

안녕하세요. 비전공자 취준생 입니다. 한 달 정도 전에 개발 공부를 막 시작해서 국비지원 부트캠프에 들어가려고 사전에 독학 중 입니다. 자바스크립트를 배우고 있는데요... 분명 인터넷 강의에서 선생님이 말씀 해 주셨지만 수업이 끝나마자마 문제를 풀면 코딩이 안됩니다... 예시입니다. 오늘은 10분정도 인터넷강의로 문자열 메서드를 배웠습니다. 변수 str1="Hello world"; 라고 했을 때 .length 를 사용하면 변수의 길이를 확인할 수 있다고 배웠습니다. 저는 이 수업을 들으면서 크롬 개발자 도구를 켜서 따라 쳤고 딱 srt1.length; 만 쓰고 엔터를 치니 바로 다음 줄에 11이 짠 하고 떴습니다. 기분이 좋았습니다. 그러나 수업이 끝나고 예시 문제에선 변수를 document.write() 로 출력해서 데이터(변수의 길이)를 확인하라고 했습니다. 저는 첫 번째로. var str1 = "Hello world"; str1.length; 를 쓰고 엔터를 쳤습니다. (아까 크롬에서 했던 것과 똑같이요) 그런데 아무 일도 일어나지 않았습니다. <수업 끝나고 문제푸는 자체 프로그램이 있습니다> 그래서 '아 document를 이용해 출력하라고 하셨지' 해서 다시 var str1 = "Hello world"; str1.length; document.wirte(str1); 을 했습니다. 그런데 역시 아무 일이 일어나지 않았습니다... 지금까지 자바스크립트에서 console.log 나 document.write 뒤에 오는 괄호 안에 이 전줄에 썼던 변수명을 넣고 ; 를 쓰면 출력이 됐던 기억이 있어 저렇게 했는데 해설지를 보니 var str1 = "Hello world"; str1.length; document.wirte(str1.length); 이거더라구요... 뭔가 제가 큰 기초 개념을 놓치고 있는 것 같아서 이대로면 모래성 쌓기가 되는 것 같아 무섭습니다. 답답하기도 하구요. 제가 응용력이 없는 걸까요...? 더 두려운건 구체적으로 제가 뭘 놓치고 있는지 모르겠습니다 ㅠㅠ 혹시 이런 저에게 들을만한 기초 강의나 개념 강의가 있다면 추천 부탁드립니다. 현재 자바스크립트 책을 보고 있는데도 코드 예시나 간단한 설명만 있을 뿐이더라구요. 유료 강의여도 강의가 좋다면 얼마든지 결제해서 들을 의향이 있습니다. 긴 글 읽어주셔서 감사합니다.

관계형 DB 설계 시 카테고리 같은 것은 어떻게 저장하시나요?

안녕하세요. 이번에 기능을 구현하다가 문득 궁금해져서 질문납깁니다. 요구사항은 게시글에 카테고리가 추가되고, 해당 카테고리에 따른 게시글을 모아보는 페이지와 네비게이션을 생성하는 작업입니다. 네비게이션에서 게시글 카테고리를 클릭하면 해당 카테고리의 게시물들을 보여주는게 주 목적입니다. 게시글이 post로 MySQL에 저장되고 있는데 여기에 category라는 값을 추가하려고 하는데요. 질문은 카테고리를 어떤 형태로 저장하는게 좋은가 입니다. 기존 코드와 DB 설계 (다른 유사한 테이블)를 살펴보면 category라는 값을 숫자로 저장시키고 사용하는 서비스에서 각 숫자에 맞는 설명?타입을 선언하는 방식이더라구요. 예를 들면, DB에 category = 1로 저장된 post는 사용하는 서비스 (서버)에서 enum 또는 const로 선언해서 category = 1이면 PostCategory.Article 타입을 같는 형태입니다. 이후 사용자가 보게되는 프론트에서도 유사하게 category에 따른 카피를 보여주고 있어요. 특이사항이 있다면, 프론트에서 category에 따라 보여지는 카피는 수시로 바뀔 수 있을 것 같아요. 예를 들면, category = 1인 Article 타입이라면 카피 문구가 “논문”이라고 했을때, 나중에 카피가 “기사” 같은 것으로 바뀔 수 있어요. 이렇게 category 처럼 데이터의 속성이 잘 안바뀌는 값은 숫자로 정의하고 사용하는 위치마다 그에 맞게 타입을 선언하는게 좋을까요? 아니면 category를 DB에 만들때 문자열 형태로하고 “article”이라는 값을 바로 DB에 저장하는게 좋을까요?