'백엔드개발자' 태그의 글 목록

Java7의 날짜계산 : Date, Calendar, SimpleDateFormat(2)

2024.08.16·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ Jᴀᴠᴀ

안녕하세요 - 티친님들🙋‍♀️ 저번 포스팅을 이어서 작성해 보겠습니다. 부족한 신입 개발자 이지만 한번 봐주시겠습니까 -? 👩🏻‍💻 이전 포스팅👇 Java7의 날짜계산 : Date, Calendar, SimpleDateFormat(1)안녕하세요 티친분들🙋‍♀️그동안 포스팅이 많이 뜸(?)했습니다.회사 적응기간이다 보니 티스토리에 포스팅하는 날이 많이 적어졌었어요.그만큼 제가 열심히 적응했다고 생각해 주세요 🥺yurizzy.tistory.com 개발 테스트 준비 필요한 데이터1. 현재 서버의 날짜 : today 2. 입력받은 날짜 데이터 2개(시작일 : startDate , 종료일: endDate) 3. 현재 서버의 날짜(today) - 35일 , 조회 시작 가능한 날..

Java7의 날짜계산 : Date, Calendar, SimpleDateFormat(1)

2024.08.16·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ Jᴀᴠᴀ

안녕하세요 티친분들🙋‍♀️그동안 포스팅이 많이 뜸(?)했습니다.회사 적응기간이다 보니 티스토리에 포스팅하는 날이 많이 적어졌었어요.그만큼 제가 열심히 적응했다고 생각해 주세요 🥺 오늘 작성할 내용은 날짜계산에 대한 것을 적어보려고 합니다.학원 프로젝트때도 만져봤지만 현재 저는 Java7 버전에서 개발을 하고 있어 조금 다르더라고요.다음에 또 사용할 수 있을 것 같아 잊어먹지 않게 한번 정리를 해보려고요. 시작해 보겠습니다. 날짜 계산이 필요하게 된 이유업무를 하면서 기존 서비스 중인 사이트에 보안 개선건으로 요청이 왔다.해당 기능은 날짜와 검색할 조건을 선택하고 🔍검색 버튼을 클릭하게 되면 해당 조건이 일치한 데이터를 DB에서 가져와 화면에 보여주는 기능이었다.사용자의 이력을 조회하는 기능인데..

Graphql & apollo 에 대해 알아보자

2024.02.01·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ Nᴏᴅᴇ.Jꜱ

관련사이트 https://www.npmjs.com/package/@apollo/server#apolloserver @apollo/server Core engine for Apollo GraphQL server. Latest version: 4.10.0, last published: a month ago. Start using @apollo/server in your project by running `npm i @apollo/server`. There are 268 other projects in the npm registry using @apollo/server. www.npmjs.com 준비 해당 폴더에서 yarn init 다운로드 yarn add grahql yarn add @apollo/serve..

Axios 통신

2024.02.01·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ Nᴏᴅᴇ.Jꜱ

fontend와 backend연결 지난번 만들었던 휴대폰 인증번호 생성 API를 가지고 연결하는 것을 진행해보자 HTML body 휴대폰번호 : 인증하기 인증상태 회원가입하기 처리로직 만들기 휴대폰 번호를 Input 에 입력한다 인증하기 버튼을 클릭한다 javascript에서 입력된 번호를 api 호출 시 인자로 전달한다 api는 랜덤하게 생성한 인증번호를 서버단에 출력하고, 정상 처리시 htm문서에 인증상태 글자를 지우고 결과를 바뀌게 한다 html -> javascript -> api -> javascript > html api로 휴대폰번호를 전달시 고려사항 html에 입력된 휴대폰 번호를 어떻게 가져올 것 인지 api를 어떻게 호출할 것 인지 전달을 한 뒤 결과값을 어떻게 전달 받을 것 인지 API..

RestAPI & import 간단 메모

2024.02.01·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ Nᴏᴅᴇ.Jꜱ

RestAPI실습 express 자체에선 JSON 데이터를 읽을 능력이 없다 읽게 해줄려면 .use()메서드를 이용한다 💡 주의점 윗쪽에서 부터 읽어오기 때문에 app.use는 최상단에 배치하는 게 좋다 import Javascript 파일간에 Import하는 방법은 여러가지가 있다 연결할때엔 상단에 import구문이 필요하며 자원을 주는 쪽에 파일엔 export 키워드가 앞단에 있어야 가져올 수 있다 전체적으로 불러올 수 있고, 부분만 가져올 수 있다 그리고 default 메서드로 지정하여 따로 자원을 명시하지 않고 import할 경우 해당 메서드가 자동으로 세팅되게 할 수 있다 기본 문법 import 자원이름 from './파일경로' // 요즘 방식 이며 가장 기본방식 import { 자원1, 자원2..

cors , 꼭 알고 가야한다

2024.02.01·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ Nᴏᴅᴇ.Jꜱ

CORS sop(same origin policy) : 같은 출발지 정책 브라우저에선 보안적 이슈로 cross-origin http 요청을 제한한다 그래서 cross-origin 요청을 하려면 서버의 동의가 필요하다 만약 서버가 동의한다면 브라우저에서는 요청을 허락하고 동의하지 않는다면 브라우저 에서 막는다(거절) 이러한 동의하는 로직을 HTTP-header를 이용한다 이를 cors(Cross-origin Resource Sharing)이라 부른다 Cross-origin이란? 프로토콜이 다르다 : http와 https는 프로토콜이 다르다 도메인 : domain.com과 other-domain.com은 다르다 포트 번호 : 8080 포트와 3000포트는 다르다 CORS가 필요한 이유 CORS가 없이 모든 ..

데이터통신-요청헤더,응답헤더

2024.02.01·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ Nᴏᴅᴇ.Jꜱ

주요 프로토콜 FTP : 파일 프로토콜 SMP : 메일 프로토콜 HTTP : 하이퍼텍스트 프로토콜 HPPS : 하이퍼 텍스트 시큐리티 프로토콜 (보안) HTTP 요청(requrst) 과 응답(response)으로 통신한다 전달 데이터 형식 : 헤더와 바디로 구분된다 Requst 요청 헤더 : 브라우저의 정보, 전달하는 객체의 형태 요청 바디 : 내용 [ 내용은 객체에 담아서 전송한다 ] Response 응답헤더 : 보내는 곳의 정보 , 보내는 내용의 객체 형태 응답바디 : 내용 [ Key : Value ] 형태로 전달된다 요청 헤더와 응답 헤더는 다른 것 이다 [!상태코드] 응답 헤더에는 상태코드(100,200,400,…)가 포함되어 있다 상태코드가 별도로 있는 이유는 컴퓨터가 인식할 수 있도록 하는 ..

API CRUD 간단정리

2024.02.01·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ Nᴏᴅᴇ.Jꜱ

CRUD create / read / update / delete C : 생성 post메서드(axios rest-API) mutation(apollo-client/graphql-API) R : 조회 get메서드(axios rest-API) query(apollo-client/graphql-API) U : 수정 put메서드(axios rest-API) mutation(apollo-client/graphql-API) D : 삭제 delete(axios rest-API) mutation(apollo-client/graphql-API) Mutation과 Query차이 데이터베이스 안에서 무언가 조작하여 데이터 변형이 있는 경우 위험한 작업임을 알 수 있도록 메서드 명이 mutation 이다 몇번을 조회하더라도 ..

포트폴리오와 이력서를 위한 3일

2024.01.31·

𝐷𝑒𝑣𝑒𝑙𝑜𝑝𝑒𝑟 𝑆𝑡𝑜𝑟𝑖𝑒𝑠

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ gayulz - Overview 개발자가 되고싶은 개발어린이💟. gayulz has 11 repositories available. Follow their code on GitHub. github.com 그동안 공부하면서 Git을 미리미리 잘 Commit 하고 준비를 잘했다고 생각했다. 피드백을 정리하면서 느낀 점 1. 내 Git은 개판이었다 2. 내 Tistory는 난장판이었고 밀려있다 3. 내 옵시디언은 연동을 안 하고 있었다 여기서 가장 큰 문제는 Git.. Git에 올리기만 했지 정리를 하지 않았다 말 그대로 사파리 그 자체였다. 정말 내 맥북에 있는 폴더 그 자체였다 관리되지 않고 public이 되어있었는데 정말 누군가 악심을 품고 ..

2023/12/19 😛 네이버장바구니 구현해보기

2023.12.28·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 수업 전 노드 접근 방법 노드 메서드 부모노드 parentNode 자식 노드 리스트 childNodes 첫번째 자식 노드 firstChild 마지막 자식 노드 lastChild 다음 형제 노드 nextSibling 다음 형제 노트(요소만) nextElementSibling 이전 형제 노드 previosSibling 오늘의 과제 :: 네이버 장바구니를 구현해 보자 상품 ..

🌱Inflean🌱 DOM

2023.12.18·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 전일 공부 정리 html : 구조담당 , 정적페이지 Javascript : 기능사용 DOM = Document 브라우저가 HTML 문서를 파싱하는 과정에서 생겨나는 객체이다 dom 을 통해 제어하고 읽어오고 할 수 있다 , 상호작용하는 기능이라고 하면 됨 Input TAG 입력된 데이터를 인식하고 찾아올 수 있다 document에 있는 Input 태그가 걸린 요소의 데이..

2023/12/06⛳️ CSS🥲

2023.12.09·

👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ HTML&CSS

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com Css란? Html의 색 , 크기, 정렬 등을 변경하여 시각화를 담당하는 언어이다 HTML로 구조를 만들면 CSS로 꾸미기를 한다고 보면 된다 css 특성 : 속성 , 값 coloer : 색상 background-coler : 배경색상 font-size : 폰트크기 width : 가로 크기 height : 세로 크기 border-radius : 테두리 둥글게 문법 단일 ..

티스토리툴바