API CRUD 간단정리
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ 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 이다 몇번을 조회하더라도 ..
API와 Node
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ Nᴏᴅᴇ.Jꜱ
API를 꼭 써야하는지 ? 백앤드 API를 꼭 거쳐야 하나요 ? 브라우저에서 바로 DB로 저장하면 안돼나요 ? 안됩니다 . 데이터를 꼭 검사해야합니다. 백엔드에서 하는 역할은 '검증,보안,안전’입니다 보안이 중요하다보니 해커가 데이터를 이상하게 보내게되어 DB에 문제가 생길 수 있는 부분이 발생될 수 있다. 브라우저에서는 자바스크립트 코드가 노출되어있기 때문에 보안이 취약하다 그래서 보안에 취약한 로직들이나 함수 등등 이런 부분들을 백엔드에서 처리한다 모듈화 프로그램 모든 프로그래밍에 기법은 모듈화가 일반적이다. 개발자가 모든 기능을 다 개발할 수 없기 때문에 다른 사람들이 올린 기능들을 가져다 쓸 수 있는 장점이 있다. java -> Maven(예전에 자주쓴 라이브러리) / Grandle (요즘 쓰는 ..
2023/12/19 😛 네이버장바구니 구현해보기
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ 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 오늘의 과제 :: 네이버 장바구니를 구현해 보자 상품 ..
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 html tag 공부 포인트 태그의 특성 태그의 디스플레이 특징 태그의 속성 태그의 값 태그의 사용 예제 meta tag : 개발 정보, 개발 환경에 대해 정의 charset : UTF-8 은 한글 표현 2바이트 HTML 화면을 보여주기 위한 정적 문서이다. 클라이언트에게 정보를 보여주거나 클라이언트가 서버에 요청하는 목적으로 사용되는 View 파..
2023/12/15 🚧 삐뽀삐뽀 응급상황
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 응급상황 오늘 오후 과제 제출인데 팀장님이 개인사로 탈주 😥 어쩔 수 없이 남은 둘이서 마저 진행을 해야 하는 데 다른 팀원도 아직 구현중이고 바빴다. 그래서 먼저 끝낸 내가 어찌어찌 메인 화면을 구현하고 연결하는 것 까지 진행하기로 하였다 너무 급하게 하던 프로젝트라 너무 허접해 보일 까봐 첫 화면에 큰 기능이 없더라도 특이해 보이게 하고싶었다. 그래서 유튜브를 뒤져보..
2023/12/14 ‼️ 내일까지 제출 미니토이프로젝트
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 토이 미니 프로젝트 - 미니게임을 만들어보자 나의 역할 : 팀원 각자 1개씩 게임을 만드는것으로 진행함 나의 게임 컨셉 크리스마스에 즐겨요 짝맞추기 게임 크리스마스 느낌의 디자인으로 진행하며 카드뒤집을때 최대한 자연스럽고 부드럽게 뒤집혀 지도록 고민함 구글링 하면서 느낀점 : 자료가 참 많네.. # 요구사항 분석 1. 여러 블록 카드게임으로 시작한다 2. 게임이 시작되면..
2023/12/13 🍎 자바스크립트를 1주일만에 끝낸다구 ?
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 수업 전 정리 DataBase : 단순반복 // 프로시저 트리거 등등은 혼자 혼공 해야 한다 Java : 개발자의 태도, 객체/상속/인터페이스/의존.,.. Javascript , Spring : 현업에서 실제 만나는 것, 팀 구성후 프로젝트 제안서 만들 예정 가장 중요한 건 기본기부터 탄탄하게 다져야 한다 ** 기술 스택을 매일 같이 정리해야 한다 ** 본인의 기술 스택..
2023/12/12 ✨ 자바스크립트 수업 - 혼자만의 공부시간이 필요할 것 같다
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 수업 전 기술노트 작성 필수, 매일 작성하고 하루에 두세 번씩 읽어봐야 한다 목표 그림판 만들기 기한 2023/12/12 1일 게임 만들기 기한 : 2023/12/13 ~ 2023/12/15 조건 : 1인당 1개의 게임 만들기 JavaScript 수업 체크박스는 다중 선택이 가능하며 radio는 단일선택이 가능하다 단 radio의 id를 동일하게 해야 단일 선택이 가능하..
🌱Inflearn🌱 spread연산자,얕은복사 깊은복사
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com spread 연산자 개념 : 하나로 뭉쳐있는 값들의 집합을 전개해주는 연산자 전개란? 값을 펼쳐준다, 배열을 한커플 벗겨주는 행위 작성법 : … 점 세개가 있으면 됨 예제 let arr = [1,2,3,4,5] console.log(arr) // [1,2,3,4,5] console.log(...arr) // 1 2 3 4 5 let str = "hello" console..
🌱Inflearn🌱 프로미스
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 시작전 이야기 프로미스에 대해 이해하려면 먼저 HTTP를 알아야 한다 HTTP통신시 요청헤드:요청바디/응답헤드:응답바디 가 있다 응답헤드 - status code / credentials : true(쿠키허용) 응답바디 - 요청한 데이터가 있음 관련 링크 🌱Inflearn🌱 동기,비동기 ❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gay..
🌱Inflearn🌱 동기,비동기
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 동기통신 데이터 통신을 위한 '요청’을 하였을 때, 어떠한 요청에 대한 '응답’을 받을 때 까지 기다리다 완료된 다음 코드가 수행되는 처리방식 브라우저 동기통신 권장되지 않는 방식이다, 동기 통신은 브라우저 실행을 일시 중지 후 사용자 인터페이스를 블로킹하는 문제를 야기할 수 있다 따라서 비동기 방법으로 서버통신 하는 것이 더 좋다 비동기 통신 데이터 통신을 위해 '요청..
🌱Inflearn🌱 JSON
·
👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞/⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com JSON이란 ? JavaScript Object Notation 문자 텍스트형 데이터 포멧이다 개발된 배경 인터넷에서 데이터를 전달할 때 기술이 고도회 되면서 전달하고자 하는 데이터가 너무 많아졌다. 사용자가 데이터 핸들링이 쉽도록 데이터를 전달 할때 담는 형식이 생기기 시작했다 대표적으로 XML , CSV , JSON XML : 값 용량이 증가되며 생긴게 끔찍… CSV..
유리쯔의일상
'👩🏻‍💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞' 카테고리의 글 목록 (2 Page)
상단으로

티스토리툴바