개발지식

프론트 서버 / 백엔드 서버 를 따로 두는 이유는 무엇인가?서버의 역할은일단클라이언트에서 서버에 여러 요청을 하면, 일단 html 요청도 있고, 다양한정보 요청을 http 통신을 통해 요청도 하고 받아옴 제일 많은게,JSON 타입의 데이터를 많이 받아온다.서버가 하는

x 의 15% 즉,15% 는 15/100 니까,0.15즉, x \* 0.15 = 답500 의 15% 얼마일까요?75 입니다.789 에서 68은 몇 % 일까?68 / 789 = 0.0861%는 백분율 이니까, 소숫점 뒤로 두칸 옮기고,0008.61앞 의 0은 삭제하고,즉

쿠키 토큰 JWT 세션>Auth 를 만들어야 한다면,쿠키그냥 옮기는 시스템, 매개체 토큰서버가 기억하는 이상하게 생긴 텍스트ID카드처럼 서버에게 보여줘야 하는것임JWT정보를 갖고있는 토큰, DB 없이 검증할 수 있음.즉,유저인증을 위해서JWT혹은 세션을 쓸 수 있음.

웹웹서비스 pwd 웹 기본 경로현재 위치한 경로를 확인하는 명령어요 경로에 파일을 올리면,그 웹서버에 들어가서,그 파일을 받아올 수 있습니다.\--웹 서비스는,파일을 주고 받는다는 개념임.즉,클라이언트가 어떠한 파일을 요청한다.서버는 그 파일을 준다.이게 기본 개념임.

양방향, 단방향 바인딩>컴포넌트와 뷰 데이터 간의 연결방식에 대한 이야기.단방향>데이터가 오직 한방향으로만 흐른다.state -> view -> events 반복리액트가 이런 방식.컴포넌트의 상태를 변경하면,뷰가 업데이트되고,즉, 그 상태를 업데이트 하기 위해서는,유저

기능(함수) 단위로 커밋하기Feature/Issue 관리하기테스트 코드 (단위 테스트 추천) 구현하기모듈 나누기 => 사이드 이펙트를 최소화 하기 위해 함수, 객체 단위로 프로젝트 진행꼼꼼함 => 버그 수정, 예외 처리 적용 하는것이 중요하다.문서화 => 기록하고 도식

vercel 이나,netify 에서, 호스팅으로 서버를 관리하고있다.즉, 호스팅 플랫폼이고,우리는 그 플렛폼을 이용을 하면된다.플렛폼에서 알아서 관리함.즉,클라우드상의 서버에서 우리 소스코드를 동작하게하는 개발 방식, 모델임.개발자가 직접 서버를 구축 관리할 필요는 없

SPA의 히스토리 관리기본적인 SPA는 CSR(Client Side Rendering, 클라이언트 사이드 렌더링) 방식을 채택한다. 필요한 부분만 렌더링하며 새로고침이 없고 변하는 부분만 새로 그리는 것인데, URL이 바뀌지 않기에 히스토리 관리가 어려워질 수 있다.

스타벅스 와이파이 연결 안될때 조치 요약1) 우측하단 와이파이 우클릭-네트워크 및 인터넷 설정 열기 클릭2) 무선랜 선택 - 우클릭 - 속성 진입3) TCP/IPv4 선택 후 "속성"클릭4) IP : 자동IP주소받기 / DNS서버 "다음 DNS 서버주소 사용"클릭 후

<cpu코어와 스레드>코어 : cpu의 프로세서(중앙 처리 장치:가장 빨라야하는 부품)즉, 싱글코어는 한명이 컴퓨터에서 일을 하고 있다는 거죠.한번에 하나씩만 일을 할수 있어요. 하지만 싱글코어라도, 그림판 , 음악, 인터넷서핑을 동시에 할수 있습니다.그,,스택에

ip주소 와 vpnip address : 그 ip를 사용하는 지리적 장소를 알수있고,ip를 통해서 자주가는 웹사이트,장바구니,등등 을 추적하거나 알수 있다.그래서 광고회사들은 ip라는 신분증을 보고, 어떻게하면 광고를 효과적으로 할까 , 그리고 인터넷 회사들은 ip를

램(random access memory): 랜덤하게 접근하는 메모리(즉, 바로바로 1번째 주소에서 100번쨰 주소를 읽을수있는(접근가능한) 메모리)무작위로 접근이 빠르게 가능하다 라는뜻,,,그럼 랜덤하지 않은 메모리는?SAM (sequential Access Memo

운영자는 내 비밀번호를 알고 있을까?답은 알수 없다?자. 일단운영자는 (프로그래머) 처음에 회원가입하는 웹페이지를 만들어야겠죠.그러면 이제 유저들이 가입을 해야되니까,아이디도 입력 받고, 비번도 입력 받고, 이름도 입력 받고, 이메일 등,,, 정보를 입력 받겠죠,,,그

<캐시 메모리>하드디스크 : 대형저장창고(너무느리다)메인메모리(램) : 중간저장창고/좀 빠르다캐쉬메모리 (kb) : 제일가까운저장창고/엄청빠르지만 저장용량이 아주작음\*캐쉬메모리에 저장 규칙 :1.최근에 접근된 데이터(temporal locality - 시간적

<쿠키/캐시>캐시 : 임시파일 (이미지파일 등등)쿠키 : 웹사이트 접근시 항상 쿠키를 할당 받음 , 쿠키는 임시 신분증임/ 보통 처음 웹사이트를 방문하며는 여러분의 쿠키가 생성이 되고, 로그인 했을때, 쇼핑몰에 장바구니에 넣었을때, 여러분의 개인 설정 등, 여러분

강의를 다 봐도, 백지에서 짜려면 머리가 백지가 됩니다.​알고리즘의 관점에서 보자면,즉,순서도가 안잡히셔서 그런겁니다.​순서도 그리는 연습을 하세요.​그림으로그려도 되고,​아니면​에디터나 메모장에,​예시를 들자면,​function onAdd() { //1.사

프론트 서버 / 백엔드 서버 를 따로 두는 이유는 무엇인가?​서버의 역할은일단클라이언트에서 서버에 여러 요청을 하면,일단 html 요청도 있고,다양한정보 요청을 http 통신을 통해 요청도 하고 받아옴제일 많은게,JSON 타입의 데이터를 많이 받아온다.​서버가 하는 역

실무>스킬!모듈화, 어떻게 쪼갤껀지,어떻게 가독성좋게, 깔끔하게,뭐 돔을 js로 건드리는건 안하는게 낫다 라던지,,이런,,,지식 실무 경험?이런 바탕으로 빨리 코드를 잘 짜는 생산성있게 잘 짜는것.숙달도, 숙련도 (이게 실무의 전부임. 거의 80%임, 밑에 나머지는 2

알고리즘을 하는게 맞는지 웹사이트제작을 하는게 맞는지?결론은 둘다 하긴해야한다.근데,일단은,뭐 알고리즘이고 뭐고 떠나서~중요한거는,\-자료를 찾아내는 능력 \-그 자료를 잘 짜집기해서, 원하는것을 만드는 능력이게 가장 가장 중요하다.이게 실무에서 가장 중요함.(근데 이

또 다른 프로그래밍 언어를 배울 때 캐치하면 좋은 것들언어의 평판, 특징이 무엇인지?컴파일 언어인가? 인터프리트 언어인가?언어가 가진 장단점이 무엇인지?가령, 사용용도와 런타임 동작속도, 점유율, 전망언어가 작동할 수 있는 환경이 얼마나 다양한가? 가령, 안드로이드,

<객체지향 프로그래밍>하나의 프로그래밍이 여러개의 그룹핑으로 이루어져있고,객체는 변수와 매서드로 구성되어져있다.객체는 부품의 개념이다. 일종의 부품으로서 사용되고 있다.(재활용가능한)모듈개념.기능별로 쪼개므로 부품으로 나누어 사용할수있다.하나의 컴퓨터는 본체 모니

1캐쉬 메모리\-시간적 공간적 지역성을 기반으로 가까운 미래에 접근될 확률이 높은 데이터를 작지만 빠른 캐시 메모리에 미리 보관하여 전체적인 시스템의 성능을 높인다.2램메모리3하드메모리32비트1비트 : 데이터의 최소단위1비트가 32개 있으면 32비트인거임이 비트는 이진

유닉스 리눅스 맥OS 같은 운영체제는 뭘 설치를 하려면 관리자 권한으로 해야될 때가 아주 많은데,특히 CLI 즉 command line interface 같은 걸 깔려고할떄특히나 더 관리자의 권한으로서 실행 하지 않으면 에러가 막 뜬다.예를 들어 npm 으로 뭘 설치할

c 와 c++ 언어의 차이점>————————————c 언어에서는 c = c+1 을 간단하게 c++ 이라고 간단하게 씁니다.즉 c언어에다가 기능을 하나 더한것이 c++입니다.c와 c++ 의 가장 큰 차이점은 c언어는 절차 지향 언어이며,c++은 객체지향 언어 입니다.절차

재귀함수란 종료조건이 참이 될때까지 스스로를 계속 반복하는 함수 입니다.\+장확히는 스스로를 계속 ‘호출’시켜 반복함​

웹 이슈 / 디버깅 / HTTP 에러코드 / HAR 파일이슈 발견시브라우져에서 Inspect(개발자도구) 클릭후 Network 탭을 켜두고,버튼 혹은 링크를 클릭할경우, 발생하는 Call들을 볼수가 있게 되는데,이슈가 발생하는 상황을 재현해본다면, 네트워크 트레이스를

라이브러리와프레임워크.txt\*라이브러리 : 정보의 저장소 \-부품이 되는 소프트웨어의 집합\-작은 기능들을 함수 단위로 만들어 제공\*프레임워크 : 뼈대, 틀 = \-소프트웨어의 형식을 제공\-사용 규칙이 정해져있음\*라이브러리 = 연장상자(도구(툴)의 모음 & 망

api란무엇일까.txtapi 란?데이터....공공데이터에서 사이트접속후파일데이터 = 데이터를 직접 다운받을수있는 메뉴API 유형에 REST 라고 적혀있습니다.api는 예를들어 주식주문을 자동화 하공싶다면 증권사 api를 사용할수 있습니다.여러 증권사들은 자신들이 가지고

api비즈니스 배경과 중요성 api생태계.txt그렇다면, 왜 증권사 , 대형 서점, 카카오톡 등은 자신들의 서비스를 api를 통해 이용할 수 있게 하는걸까요?특히 open api라는 이름을 붙여 누구나 사용할 수 있도록 공개해 놓기까지 했을까요?api를 만드는것도 자원

GraphQL 그래프큐엘해결한문제 사용실습 REST API 와 비교.txt이번에는 2015년 Facebook에서 발표한 GraphQL에 대해 알아보겠습니다.이번영상에서는 API 제작 도구로서의 그래프큐엘에 대해 이야기하겠습니다.Graph Query Language (쿼

REST APIREST 는 어떤 형식을 나타내는 말이고, REST API는 그 형식을 따르는 api입니다.Representational State Transfer (REST) : HTTP 에서 필요한 자원에 접근할때, 웹의 장점을 최대한 활용하기 위한 아키텍쳐Goo

필수 리눅스 터미널 명령어 정리(배쉬, 파워쉘(Bash,PowerShell),튜토리얼)———————————————————————————shell commands(shell과 종류들에 대해)>>>>>>>>>>\-Unix에는 Bourne Shell , Bash , fish

웹팩을 하기 전에 일단번들링(Bundling)이라는 개념을 알아야 되는데,번들링이 뭐냐면,?우리가 개발한 파일을 하나로 합쳐주는애를 번들러(Bundler)라고 해요.꼭 자바스크립트만은 아니고 ,HTML 파일이 될 수도 있고,이미지가 될 수도 있고 , css가 될 수도

백엔드 하는일>​\-서비스의 인터페이스 API구현\-데이터 저장소 설계(데이터베이스나 Blob storage)\-제 3자의 서비스 통합 (써드파티 서비스)\-로그를 합계하고, 데이터 분석 , 사이트 모니터링을 하는 인프라와 관련된 일\-큰회사라면 데브옵스나 SRE도 있

자료구조 >서비스나 어플리케이션에서 필요한 데이터를 메모리에 어떻게 구조적으로 잘 정리해서 담고, 관리하고, 최종적으로 가장 효율적인 방식으로 필요한 데이터에 가장 빨리 접근하고, 수정, 삽입, 삭제 를 할 수 있도록 도와줍니다.서비스에서 클라이언트에게 데이터를 제공하

웹프론트 개발자가 알아야할 최소한의 밴엔드 지식과 코드\_1_API>우선html파일을 렌더링 하는 관점에서 의 서버의 역할은,,,서버가 html 파일을 보내준다. 라는것 입니다.우리가 네이버 닷컴이나, 구글 닷컴 치면,즉, 웹브라우져의 주소창에 딱 입력 했을때,어떻게

웹의 역사Static Sites (~1995 mid)1990년대 중반까지는 웹은 전부 다 Static Sites로 동작하였습니다.이는 그림으로 살펴보면 이러한 형태가 되는데요.사용자가 url을 입력하여 브라우저에서 서버 측에 어떤 html페이지가 필요한지를 요청 보내면

쿠키 토큰 JWT 세션>​Auth 를 만들어야 한다면,​쿠키그냥 옮기는 시스템, 매개체​토큰서버가 기억하는 이상하게 생긴 텍스트ID카드처럼 서버에게 보여줘야 하는것임​​JWT정보를 갖고있는 토큰, DB 없이 검증할 수 있음.즉,유저인증을 위해서JWT혹은세션을 쓸 수 있

구글 검색 방법요약>"" 문장그대로 검색 하고싶으면, 쌍따옴표 써라 김치찌개 site:tistory.com 특정사이트 검색할때 저렇게 써라.파일 확장자 검색할고싶으면, "범죄자 명단" filetype:xlsx site:https://sexoffender.go.

GraphQL 그래프큐엘해결한문제 사용실습 REST API 와 비교.txt이번에는 2015년 Facebook에서 발표한 GraphQL에 대해 알아보겠습니다.이번영상에서는 API 제작 도구로서의 그래프큐엘에 대해 이야기하겠습니다.Graph Query Language (쿼

api비즈니스 배경과 중요성 api생태계.txt그렇다면, 왜 증권사 , 대형 서점, 카카오톡 등은 자신들의 서비스를 api를 통해 이용할 수 있게 하는걸까요?특히 open api라는 이름을 붙여 누구나 사용할 수 있도록 공개해 놓기까지 했을까요?api를 만드는것도 자원

REST API개념 구성요소 url설계규칙 rest client api사용실습.txtREST APIREST 는 어떤 형식을 나타내는 말이고, REST API는 그 형식을 따르는 api입니다.Representational State Transfer (REST) : H

light house 성능체크할수있음outline HeadingsMapValidate Document프론트하시는분들은 이거 3개 깔아두시면 좋다사이트 구조 알려주고 , 웹표준, 이런거 검사해서 알려준다.Wappalyzer 이 웹사이트가 무슨 기술쓰는지 대충 알려줌

DOMdocument object model오브젝트는 객체즉, 브라우져는 자바스크립트로 동작을 한다고 봐도 무방오브젝트 객체로 다 이루어져있다?오브젝트도 다 api 이다즉 그 api는 뜯어보면 다 함수나 그렇게 만들어져있다즉 브라우져 안에서 돌아가는 모든 것은 다 자바

출처 : https://scarlett-dev.gitbook.io/all/it/lazy-loadingLazy Loading 이란?Lazy Loading0.Overview사용자가 웹 페이지를 열면 전체 페이지의 내용이 다운로드 되어 단일 이동으로 렌더링이 됩니다

출처 : https://velog.io/@elrion018/%EC%8B%A4%EB%AC%B4%EC%97%90%EC%84%9C-%EB%8A%90%EB%82%80-%EC%A0%90%EC%9D%84-%EA%B3%81%EB%93%A4%EC%9D%B8-Intersect

양동준님유튜브메모ssrNextjs 단점 :계속 서버에서 다운로드 받아서 쓰고, 서버에서 생성해주고, 그걸 넘겨주고이런 과정을 거치기 때문에,서버관리 / 서버 터짐(서버관리가 빡쎄다. 리소스가 많이 든다. 즉, 관리 비용이 커진다.)페이지 넘어갈때 느리다.해결점 : ==

window port 종료하기, port kill하는 법​​ 출처:https://xively.tistory.com/39​1\. cmd를 연다.윈도우 + r 키보드 입력후 cmd 입력하기또는윈도우 검색창에 명령프롬포트 입력 후 열면 됨현재 어떤 포트들이 있는지

도데체 프론트 엔드 빌드는 왜하나요?출처 프롱트님 유튜브프론트엔드 빌드 도구는 참 많죠,(webpack, vite, esbuild, rollup.js, yul , grunt, parcel..... )빌드는,당연히 해야죠.빌드가 뭔가요?일단 번들링은요,보통 요즘 리액트나

REST API개념 구성요소 url설계규칙 rest client api사용실습.txtREST APIREST 는 어떤 형식을 나타내는 말이고, REST API는 그 형식을 따르는 api입니다.Representational State Transfer (REST) : H

맥에서 터미널 인용문 탈출키컨트롤 + C

크롬웹브라우져에서 선택한 요소를 콜솔에서 저장해서 엘리면트 탭 에서마우스로 특정 요소 클릭후, 그럼 선택이 되겠죠,그다음콘솔창에서$0 이렇게 달러싸인 하고 원하는숫자 지정후엔터치면콘솔창에서 다시 $0 치면그 선택한 엘리먼트가 나옴그러면$0.innerHTML = ''HE

https://velog.io/@euji42/solvedmeta-태그-ogimage-이미지가-안뜨는-이유배포 링크의 meta 태그 적용 후,타이틀, 설명 등은 표기 되는데 이미지만 공유가 안되는 상황이다.kakao developers 공유 디버거에서 캐쉬를 제