개발자 시니

'M' is not a valid file-based resource name character: File-based resource names must contain only lowercase a-z, 0-9, or underscore 해결방법 xml파일은 소문자로만 구성할수있다.. 대문자가 하나라도 이름에 포함되면 이런 오류가 뜸 주의ㅠㅠ - 우클릭 → Refactor → Rename → 이름 변경 - 단축키 : Shift + f6

특정 폴더나 파일의 Commit 막기 혼자 작업할 경우 크게 상관이 없을 수 있지만 다 같이 협업하는 경우에는 잘못 올리면 에러가 날 수 있음! 🎃 .gitignore 1. Git(깃) 리파지토리 →. gitignore 파일 클릭 2. 수정 버튼 클릭 - .gitigore에 commit을 원하지 않는 폴더나 파일을 입력해주면 commit이 되지 않음

1 - 1. Git 버전 확인 1 - 2. File → Settings 1) Version Control 클릭 2) Git 클릭 3) test버튼 클릭 → 현재의 깃 버전과 실행 테스트를 진행할 수 있음 1 - 3 버전 확인 완료 https://dev-cini.tistory.com/5 [ GitHub ] 깃허브(GitHub) 연동하기 - 스프링(Spring) 깃허브 스프링 연동 1. 사이트 접속 !! https://github.com/ GitHub: Where the world builds software GitHub is where over 65 million developers shape the future of software, together. Contribute to the.. dev-cini...

안드로이드 스튜디오 오류 해결방법 오류 문구 Error while waiting for device: The emulator process for AVD Pixel_2_API_30 has terminated. 디스크 여유 용량이 충분하지 않아 난 문제였다.. 꽉 찬 C드라이브... 해결 방법 1) C드라이브 용량을 늘려준다. 2) D드라이브 사용하기 ㅎㅎ 귀찮은 나머지.. 2번을 선택했고, D 드라이브에 뉴프로젝트를 만들어 사용했다 :)

MongoDB Atlas 란? MongoDB Atlas는 MongoDB를 설계한 사람들이 만든 모든 것을 관리하는 클라우드 데이터베이스 AWS, Azure, GCP를 통해 배포에 관한 모든 것을 통합 관리해줌 -위키백과- - MongoDB를 설치하면 나의 컴퓨팅 자원을 소모하지 않고 사용할 수 있는 원격 DB가 생성됩니다. - 클라우드 3사(AWS,Azure,GCP)에서 다 사용 가능합니다. - 클러스터가 자동으로 스케일 아웃하고, 자동 회복(self-healing) 기능이 있어서 fault-tolerant 합니다. - NoSQL 데이터베이스는 비관계형으로 빅데이터를 처리하는데 효율적이라 빅데이터 플랫폼에 필수로 사용됩니다. 1. MongoDB Atlas 사이트 접속! https://www.mongodb..

1. 사이트 접속 https://zeplin.io/ Zeplin A structured workspace to publish designs, where the entire team can collaborate to ship beautiful products together zeplin.io 2. 로그인(회원가입) 로그인과 회원가입은 간단합니다~ 3. 다운로드 - 저는 window를 쓰기 때문에 "Download Windows app"을 선택! 4. 다운로드한 제플린(Zeplin) exe 실행 5. Zeplin 프로젝트 생성 1) 다운로드 완료 후 → 제플린 앱이 실행됨 2) "Create a project" 선택 6. 프로젝트 타입 선택 - 필요한 프로젝트 타입을 선택! → 완료 7. Adobe XD로 ..

안드로이드스튜디오(Android Studio) 설치 1. 사이트 접속 https://developer.android.com/ Android 개발자 | Android Developers Android 앱 개발자를 위한 공식 사이트입니다. Android SDK 도구 및 API 문서를 제공합니다. developer.android.com 2. Android 스튜디오 다운로드 클릭! 3. Download Android studio 버튼 클릭! 4. 체크박스 체크 → 다운로드 버튼 클릭 이용약관을 확인하고 "본인은 상기 사용 약관을 읽었으며 이에 동의합니다."에 체크해줌 약관을 읽고 맘에 안드신다면 설치를 안하시면 됩니다! 5. 다운받은 exe파일 실행 6. Android Studio Setup(Next 클릭) 7..

가상 돔(Virtual DOM) 이란? Virtual DOM을 사용하면 실제 DOM에 접근하여 조작하는 대신, 이를 추상화한 자바스크립트 객체를 구성하여 사용 ✅ 실제 DOM의 가벼운 사본 DOM의 상태를 메모리에 저장하고, 변경 전과 변경 후의 상태를 비교한 뒤 최소한의 내용만 반영 하는 기능 → 성능 향상 가상 DOM은 DOM의 상태를 메모리 위에 계속 올려두고, DOM에 변경이 있을 경우 해당 변경을 반영함 리액트가 가상돔을 반영하는 절차 EX) 특정 페이지에서 데이터가 변했다고 가정 했을 경우. - 리액트를 이용해 돔을 업데이트 시키는 절차 1. 데이터가 업데이트 되면, 전체 UI를 Virtual DOM에 리렌더링함 2. 이전 Virtual DOM에 있던 내용과 현재의 내용을 비교함 (가상 돔 끼..

돔(DOM)이란? DOM(Document Object Model)은 웹 페이지를 이루는 태그들을 자바스크립트가 이용할 수 있게끔 브라우저가 트리구조로 만든 객체 모델을 의미한다. DOM(Document Object Model)을 영어 뜻풀이 그대로 하자면 문서 객체 모델을 의미한다. 문서 객체란 html, head, body와 같은 태그들을 javascript가 이용할 수 있는 (메모리에 보관할 수 있는) 객체를 의미한다. DOM은 HTML과 스크립팅 언어(Javascript)를 서로 이어주는 역할 ❓❔ 자바스크립트는 어떻게 HTML 태그들을 조종할 수 있는 걸까? - Document라는 전역 객체를 통해 접근 - window라는 객체는 document객체의 상위에 위치 🙄❕❓ 가상 돔 (Virtual ..

리액트의 컴포넌트 리액트에서 컴포넌트는 앱을 이루는 최소한의 단위 각 부분을 재사용 가능한 조각으로 UI를 나눈 것과 같음. 예시) 사이트를 구성하는 예를 들어보겠습니다. 기본적인 한 사이트의 홈 화면의 구조는 아래 그림과 같습니다. 컴포넌트란 UI 또는 기능을 단위별로 나눈(캡슐화한) 단위를 말합니다. 헤더, 바디, 푸터, 모두 컴포넌트의 조각이라고 말합니다. 이 조각들을 재사용할 수 있고, 이 조각들을 모아 홈 화면을 만듭니다. 헤더, 바디, 푸터의 각각의 컴포넌트를 홈 화면뿐 아니라 로그인 화면, 회원가입 화면 등등 필요 한 부분에 가져다 쓸 수 있음을 말합니다. 결론 컴포넌트는 독립적이며, 재사용 가능하게 만든 부품 조각들을 말합니다. 리액트로 만들어진 사이트 화면들은 컴포넌트의 조합입니다.