전체 글

22.06.28

보호되어 있는 글입니다.

[프론트엔드] CSS

CSS @ CSS 란? : 웹 UI & UX 부분 : 사용법 자체는 그리 어렵지 않으나, 프로젝트 규모가 커질수록 레이아웃이 깨지거나 및 충돌일어남 : 관심사분리를 위해 일반적으로 HTML에서 CSS를 정의하지 않음 ( 연습용 샌드박스 : 링크 ) @ HTML에 적용하는 방법 1) link 태그 안에서 href 속성을 사용해 파일 연결 ex) 2) rel은 일반적으로 stylesheet로 고정 // 단위 1) 절대단위 : px, pt 등 2) 상대단위 : %, em, rem, ch, vw, vh 등 참고링크 : 숫자, 길이, 확률, w3school링크 3) px(픽셀) : 기기나 브라우저 사이즈 등 환경에 영향 받지 않는 절대적인 크기 4) rem : root의 글자크기. 브라우저 기본은 1rem. 일반..

22.06.27

보호되어 있는 글입니다.

22.06.24

보호되어 있는 글입니다.

22.06.23

보호되어 있는 글입니다.

[생활코딩] Java : 기초 학습중

1. 기본 세팅 ㄱ. IDL : Eclips 설치 ㄴ. 화면설정 : Package manager ㄷ. src 폴더 : 소스코드 저장 ㄹ. bin 폴더 : 컴파일 저장 ㅁ. Prodect 생성 : Create java project > Project name : 맘대로 설정 > Location : Default 해제 후 원하는 위치 설정 후 \'원하는 디렉토리이름' 붙임 > JRE : 자바 런타임 환경(버젼) : 그대로 두면 됨 > Project Layout : 첫번째 옵션 선택(Use 머시기) #두번째 옵션은 소스코드와 컴파일데이터를 따로 보관하는 것(컴파일이 bin) > Next > Finish # 만약, no source folder exists in the project 라는 에러 발생시, 프로젝터..

[실패일지] 유튜브 API Search 연동하기

1. 그동안은 firebase에 직접 저장해 놓은 데이터에 한해서만 검색이 가능했다. 그러나 이제 유튜브에 직접 검색하여 json데이터를 받아오고자 한다. 시도 1. youtube-api-search dependancy 사용 ( 참고 링크 : https://mesonia.tistory.com/125 ) yarn add youtube-api-search 후 import YTSearch from 'youtube-api-search'; 하여 사용 export default function Test() { const [state, setState] = useState(); const [keywords, setKeywords] = useState(); ... const params = { key: "Yout_AP..

[오류]오류 해결 (1)

@ yarn.lock 오류 1. 문제 : yarn으로 dependancy설치 중 오류가 발생. error Command failed. Exit code: 128 Command: git Arguments: ls-remote --tags --heads ssh://git@github.com/WrathChaos/react-native-dynamic-search-bar.git Directory: C:\Users\nyong\Documents\GitHub\BotNavi Output: Host key verification failed. fatal: Could not read from remote repository. 2. 해결방법 : yarn.lock를 제거하고, 새로 yarn을 install하면 해결 좌측 사진의 ..

Youtube search 기능 구현하기 (진행중)

1. 준비사항 : 유튜브 API와 dependancy인 axios에 대해 학습하자. ㄱ. 유튜브 API 검색 ( 참고 링크 : https://www.npmjs.com/package/youtube-search-api?activeTab=dependencies ) ㄴ. Axios ( 참고링크 : Aixos 공식문서 https://axios-http.com/docs/intro , ) ( 참고링크 : Axios 설명 https://kyun2da.dev/%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC/axios-%EA%B0%9C%EB%85%90-%EC%A0%95%EB%A6%AC/ ) ㄷ. 설치파일

iframe API - videoID로 연속재생 구현하기 [2편 임의의 keys로 된 JSON]

1. 목적 : 일반적으로 JSON 데이터를 realtime database에 업로드 하면, 자동으로 index number가 매겨진다. 하지만, 만약 push 등 코드를 통해 realtime database에 데이터를 삽입하면, keys들이 index가 아닌, 타임스탬프가 담긴 임의의 keys값으로 지정된다. 따라서 1편과 달리 여기선 push를 통해 생성된 json데이터를 이용해 연속재생을 구현했다. 2. 준비사항 ㄱ. 기본적으로 원리는 1편과 유사하다. 1편을 통해 선행학습을 하자. ( 참고 링크 : https://radpro.tistory.com/75 ) ㄴ. 단, 1편과 2편은 firebase API가 조금 다르다. 아래의 찜 목록 구현을 참고하자. ( 참고 링크 : https://radpro.t..