괴발개발 성장기

사용한 목적 백엔드에서 id는 int로 설정했을 때 프런트에서 ""로 값을 넘기면 백엔드에서 0으로 인식하여 0인 경우를 검색한다. 그래서 그걸 막기 위해서 조건이 성립할 때만 값이 넘어가게 했다. const searchParam = { mobile: searchType === "mobile" ? searchText : "", name: searchType === "name" ? searchText : "", invoiceNo: searchType === "invoiceNo" ? searchText : "", status: status ? status : "", }; if (id) { searchParam.id = id; } id 값이 null이면 /address?mobile=01000000000&nam..

# 얕은 복사 얕은 복사는 사본을 만들지 않고 원본을 참조하면서 복사한 척 하는 것 Ex) slice() # slice slice 는 배열을 복사하는 기능(string 가능, 객체는 불가능) 중첩된 배열인 A를 A'로 복사한 후 A'에 중첩되어있는 배열안에 값을 넣으면 원본인 A에 중첩되아있는 배열안에 영향을 미쳐 값이 들어간다. 중첩된 배열이 아닌 배열안에 값을 넣었을 때에는 원본 A에 영향을 받지 않는다 const arr =[1,2,[3,4]] const copied = arr.slice(); console.log("arr", arr) //[1,2,[3,4]] console.log("copied", copied) //[1,2,[3,4]] copied[2].push(5) copied.push(9) co..

컴포넌트를 만들어서 부모 페이지에 내가 만든 컴포넌트를 보이게 하는 건 이해하기 쉬웠지만 정작 컴포넌트(자식)에 있는 값을 부모에게 주는 방법을 할때 마다 이해가 가지 않았다. 이렇게 정리를 하니까 이해할 수 있었다. # Select 사용하기 위한 컴포넌트 (child) const SelectType = (props) => { return ( { props.id(value) }} > "핸드폰" "이름" "제목" ); }; # LIST에 컴포넌트인 SelectType을 가져온다 => 간단히 말해서 부모이다 import SelectType from "../SelectType"; const List = () => { const [selectId, setSelectId] = useState(0); return ..

1) 오른쪽 상단 + 버튼 클릭 한 후 New repository를 만든다 2) Repository name 설정하고 Create repository 클릭

1) GitHub 접속하기 GitHub: Where the world builds software GitHub is where over 56 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat... github.com 2) 이메일을 적고 Sign up for GitHub 클릭 3) Username, Password 작성하고 Verify your account 확인하고 Create account 확인하기 4) 가입한 메일 주소로 메일 확인 메일이 온다..

Docker는 애플리케이션을 신속하게 구축, 테스트 및 배포할 수 있는 소프트웨어 플랫폼입니다. 쉘 스크립트는 컴파일하지 않고도 쉘에서 바로 실행할 수 있다. - 소프트웨어 개발 시 지속적으로 통합 서비스를 제공하는 툴 - 정기적인 빌드에서 한발 나아가 서브버전, Git 과 같은 버전관리시스템과 연동하여 소스의 커밋을 감지하면 자동적으로 자동화 테스트가 포함된 빌드가 작동되도록 설정할 수 있다. - 코드의 변경과 함께 이뤄지는 이 같은 자동화된 빌드와 테스트 작업들은 다음과 같은 이점들을 가져다 준다. 우분투(Ubuntu): 컴퓨터 운영체제 엔진엑스 - 웹서버 ex)카페24

1) 웹 브라우저가 웹 서버에 어떠한 페이지를 요청하게 됨 2) 해당 웹 서버는 웹 브라우저 요청을 받아서 요청된 페이지의 로직 및 DB와의 연동을 위해 어플리케이션 서버에 이들의 처리를 요청한다. 3) 어플리케이션 서버는 DB 연동의 필요하면 DB와 데이터의 처리를 수행 4) 로직 및 DB 작업의 처리 결과를 웹서버에 돌려보낸다. 5) 웹서버는 결과를 다시 웹브라우저에 응답하게 된다.

설치한 후 Git Bash 실행 $ git config --global user.name "이름" $ git config --global user.email 메일주소 1) mkdir 이용해서 디렉토리를 만들고 cd로 디렉터리 이동한다. -> 저장소 초기화 한다.(git init) 2) 임의로 폴더를 만들고 오른쪽 마우스 클릭해서 Git Bash Here로 접속한다. - git init 실행 git init //저장소 생성 mkdir 디렉터리이름 //'디렉터리이름'으로 갖는 디렉터리를 생성함 cat 파일이름 // '파일이름'의 파일내용을 화면에 출력합니다. ls //현재 디렉터리의 내용을 출력합니다. cd 디렉터리이름 //현재 위치에서 접근할 수 있는 '디렉터리이름' 디렉터리로 이동합니다. git init..

버전관리시스템: 우리가 손으로 해야 했던 사본 생성, 보존, 복원을 한 번에 해줄 수 있는 도구 버전 관리 시스템 종류 1) 클라이언트-서버 모델 : 하나의 중앙 저장소를 공유한 후 각각 클라이언트는 저장소의 일부분만 갖는 형태 2) 분산 모델: 프로젝트에 참여하는 모든 클라이언트가 전체 저장소에 대한 개발적인 로컬 저장소를 갖고 작업하는 형태 3) CVS (클라이언트-서버 방식의 버전관리) - 서버의 저장소에 프로젝트의 온전한 원본이 있고, 클라이언트 각각은 서버에서 파일을 가져다가 로컬 저장소에서 변경한 뒤 변경된 내역을 서버에 다시 보냅니다. - 파일 각각의 버전을 관리하고 추척가능, 파일 이름이 변경되거나 이동되는 것은 추적 불가 4) 서브버전: CVS 단점개선 5) 머큐리얼(분산모델의 버전 관리..

- git을 사용해서 클라우드를 쓰듯이 소스들이 업로드해서 저장하고, 다른 개발자들과 공유, 협업할 수 있는 git 저장소 - git으로 원격 전송된 프로젝트들이 저장되는 공간을 제공하는 서비스 - 버전관리를 위한 SW - 장점: 버전관리, 협업 $cd 폴더디렉터리 치면 폴더가 지정되고 그 폴더에서 git을 시작하면 $git init을 실행한다. $git init //지금부터 이 폴더의 모든 수정내역들이 저장되는 .git(숨은파일)이란 공간이 생긴다. 1. git 저장소 만들기 gitTest라는 폴더를 만들어서 $git init 실행하면 "빈 git 저장소가 만들었다"라는 메시지가 뜬다. git config --global user.name "이름명" git config --global user.emai..