화면작업도중 버튼클릭시 event.target.value로 아무 값도 들어오지 않고있었다. 혹시나해서 event.currentTarget.value를 적었더니 알맞은 값이 들어오고있었다. 문제는 해결되었지만 왜? 왜? 어떤상황에서는 currentTarget을 쓰고 어떤 상황에는 target을 쓰는지 궁금해졌다. currentTarget vs target const propsButtonCheckWho = (event) => { console.log(event.currentTarget) console.log(event.currentTarget.value) console.log(event.target) console.log(event.target.value) } ...JSX리턴문 123가 2456 일단 두 차..

새로운 프로젝트에 참여하게 됐다. 깃 초기화부터 npm 프로젝트 생성까지 하나하나 직접 만들어야한다. npm init으로 package.json 을 생성하니 { "name": "mobile-server", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC" } 이렇게 허전한 package.json이 만들어졌다. 기존 프로젝트들을 보니 browserlists, engines, eslintconfig, resolutions, keywords 등등 많은 키들이 있었다. 어떤거를 ..

웹의 보이는 곳과 보이지 않는 곳 1. - 프론트엔드 개발자는 다른말로 클라이언트 개발자, 백엔드 개발자는 서버 개발자 라고도 한다. - 웹사이트 화면에 애니메이션처럼 작동하는 작업은 프론트엔드에서, 로그인한 사용자를 위해 세션을 설정하는 작업은 백엔드에서 진행합니다. 2. - 프레임워크에는 라이브러리가 포함될 수 있습니다. - 국가에서 공개적으로 제공하는 API로 세금 알림 앱을 만들 수 있습니다. - 프로그램 간 주고받을 데이터의 용량을 줄이려면 XML보다 JSON이 유리합니다. - 프론트엔드 개발자와 백엔드 개발자 사이에는 긴밀한 협업과 원활한 소통이 필요합니다. 3. 스프링, 라라벨, 닷넷, 장고는 프레임워크, REST API는 여러 소프트웨어의 특정 기능들을 요청하고 호출하기위한 규약 4. JS..

소스트리에서 브랜치 생성중 해당 오류가 발생했다. fatal: not a valid object name: 'master' 이유는 깃을 한번도 커밋하지 않았기 때문 첫 커밋을 하고나니 master가 생겼다! 다른 브랜치까지 생성 완료!

쿠키와 세션 등을 사용하는 이유? - HTTP프로토콜의 특징이자 단점인 비연결성을 보완하기 위해 사용 - 서버-클라이언트 모델을 따르는 HTTP는 Connectionless, stateless 특성을 가진다. Connectionless(비연결성): 클라이언트가 서버에게 요청을 한 후 응답을 받으면 연결이 끊긴다. 즉, 클라이언트와 서버가 연결되어있지 않아 리소스가 계속 사용되지 않고 일회성으로 발생한다. 다만 이러한 특징때문에 매번 요청에 대해 새로운 연결을 해야하므로 '오버헤드(처리를 위해 들어가는 간접적인 처리시간&메모리)'가 발생하는 단점 또한 존재한다 Stateless(무상태): 상태를 가지고 있지 않다. 즉, 서버는 클라이언트를 식별할 수 없기때문에 클라이언트의 상태 또한 알 수 없다. 예) 쇼..