개발 요정🧚‍♀️ 용덕대게

이렇게 생긴 box layout을 정리하려면 어떻게 해야 될까요?? 여러가지 방법이 있겠지만. float 속성과 float을 사용하여 위의 layout을 만드는 방법을 소개해 보겠습니다 😉. float의 사전적 의미는 "뜨다"입니다. div는 블럭 요소 입니다. 그렇기에 박스의 오른쪽에 텍스트는 오지 못하죠. 하지만 그걸 가능하게 해주는 것이 float요소입니다. float 요소의 정확한 정의는 "한 요소가 보통 흐름으로부터 빠져 텍스트 및 인라인 요소가 그 주위를 감싸 해당 요소에 좌 우측에 배치 되게 합니다." 입니다. https://developer.mozilla.org/ko/docs/Web/CSS/float float - CSS: Cascading Style Sheets | MDN CSS 속성(p..

주말동안 멋쟁이 사자처럼 프론트 엔드 스쿨에서 간단한 과제를 받았습니다!. 박스 꾸미기 인데요. 한번 들어가 보겠습니다. 1번째 박스 부터 시작해 보도록 하겠습니다. 2번 째 사진을 보시면 3가지의 색을 갖는 것을 볼 수 있습니다. 겉에 검은 테두리는 border를 줘서 만들 수 있을 것 같은데 중간에 회색 부분은 어떻게 할지 감이 잘 오지 않았습니다. 그래서 고민한 결과 div안에 div를 둬서 따로 border를 주는것 밖에 생각이 나지 않아 그런 식으로 구현해 보았습니다. HTML & CSS .Fbox { border: 5px solid black; background-color: #343F50; } .innerBox { box-sizing: border-box; border-top: 3px sol..

이번에 리액트 네이티브를 활용한 운동 기록 앱을 만들어 봤습니다. 금방 만들줄 알았던 초반의 생각 과는 달리 할게 생각보다 무척 많았다는.... 잘하시는 분은 코드와 주석 앱 전체에 대한 부족한 부분들에 대한 피드백을 주시면 너무 감사하고 ㅠㅠ 리액트 네이티브를 공부하고 계신분이라면 이런 것도 있구나~ 정도로 훑어 보시면 좋을 것 같습니다! bb. 리드미는 아직 작성하지 못했습니다... 곧~ git: https://github.com/yongdeok97/Gym-diary GitHub - yongdeok97/Gym-diary: Gym diary Gym diary. Contribute to yongdeok97/Gym-diary development by creating an account on GitHub...

블록레벨 요소 vs 인라인 레벨 요소 Block 부모 요소의 전체 공간을 차지하여 블록을 만듭니다. 언제나 새로운 줄에서 시작. 약측으로 최대한 늘어나 가능한 모든 너비를 차지합니다. width, height 크기를 지정할 수 있고, padding, border, margin 속성을 사용할 수 있습니다. Inline 항상 블록 레벨 요소 내에 포함됩니다. 콘텐츠에 따라 할당된 공간만을 차지 합니다. width, hegiht 크기를 지정할 수 없고, padding, borer, margin 속성을 사용 할 수 있지만, 상하 margin속성은 사용할 수 없습니다!. hello world! hello world! hello world! hello world! hello world! hello world! pa..

ios 디버거 안켜질 때 https://romeoh.tistory.com/431 디버거를 실행한후 매트로에 뜨는 오류이다 . chrome://inspect/ 접속 ios → podfile에서 hermes_enabled ⇒ false pods cd ios && pod install && cd .. npx react-native run-ios 끝~

2가지 방법으로 로그인을 구현 할 것이다. 1번째 google 2번째 firebase를 통해서 https://devbksheen.tistory.com/entry/React-Native-Firebase로-회원-인증하기 https://juzero-space.tistory.com/288 google login 필요 라이브러리 npm install @react-native-firebase/app --save npm install @react-native-firebase/auth --save npm install @react-native-google-signin/google-signin --save firebase에서 새 재공업체 추가. import auth from "@react-native-firebase/a..

기타 튜닝을 하려면 일단 마이크에 대한 권한을 줘야한다. 마이크를 통해서 들어온 소리를 통해서 소리에 대한 정보를 얻어야 하기 때문이다. react-native-permissions를 사용해서 권한을 부여할 것이다. $ npm install --save react-native-permissions target 'YourAwesomeProject' do # … permissions_path = '../node_modules/react-native-permissions/ios' pod 'Permission-AppTrackingTransparency', :path => "#{permissions_path}/AppTrackingTransparency" pod 'Permission-BluetoothPeripher..

HTML 문서 해부! 이 문서는 html Living standard 문서! 라는 의미입니다. 사실 명시 하지 않아도 문제가 되지 않는다고 합니다. HTML 문서의 최상단의 요소 입니다. DOM 구조에서 루트를 담당 하고 있습니다. lang 속성을 통해 해당 페이지의 주 언어가 무엇인지 설정할 수 있습니다. 언어코드(소문자)-국가코드(대문자). 사용자에게 보이는 영역 입니다. css란? CSS는 Cascading Style Sheets의 약자입니다. 우리가 작성한 HTML의 스타일, 레이아웃 등을 꾸미는 역할을 합니다. 작성방법 css를 사용하는 3가지 방법!!! 1) 인라인 방식 hello world! 2) 내부 스타일 h1 { background-color: red; } hello world! 3) ..

그래프의 추상 자료형 void GraphInit(UALGraph *pg, int nv) 그래프의 초기화를 진행한다. 두 번째 인자로 정점의 수를 전달한다. void GraphDestroy(UALGraph *pg) 그래프 초기화 과정에서 할당한 리소스를 반환한다. void AddEdge(UALGraph *pg, int fromV, int Tov) 매개변수 fromV와 toV로 전달된 정점을 연결하는 간선을 그래프에 추가한다. void ShowGraphEdgeInfo(UALGraph *pg) 그래프의 간선정보를 출력한다. 그래프를 구현하는 두가지 방법 인접 행렬 기반 그래프 인접 리스트 기반 그래프 인접 행렬을 기반으로 구현 할 경우 연결 되어 있는 선이 있는 방향에 1을 그렇지 않은 경우 0을 표시한다. ..

이진탐색 트리는 이진트리의 일종이다. 이진 탐색트리는 저장 할 때 큐칙이 있다. 아진 탐색 트리의 노드에 저장된 키는 유일하다. 루트 노드의 키가 왼쪽 서브트리를 구성하는 어떠한 노드의 키보다 크다. 루트 노드의 키가 오른쪽 서브트리를 구성하는 어떠한 노드의 키보다 작다. 이런 식으로 자료 구조를 설정한다고 생각하면 값을 탐색 할 때, 길을 잃을 일이 없을 것이다. 왼쪽 자식 노드의 키 < 부모 노드의 키 < 오른쪽 자식 노드의 키 이진 탐색트리의 추상 자료형 이진 탐색 트리와 크게 다르지 않다. void BSTMakeAndInit(BTreeNode **pRoot) BSTData BSTGetNodeData(BTreeNode *bst); void BSTInsert(BTreeNode **pRoot, BSTD..