https://hincocoacloneloginpage.hinomi.repl.co/

초반에 replit에서 코드 만들고 수정하고

zip 파일로 저장후

vscode 에서 복붙으로 

github desktop에서  branch로 upload했다.

branch 할때 

master에서 코드 수정후 commit을 한다.

그다음에 current branch -> gh-pages 변경후 

branch -> update from master

->그럼 push orgin 이 뜨는데 클릭해주면 됨

에러상황

replit ->vscode로 이동시에 이미지 엑박

replit 사용때 문제 없었던 img 파일들이

vsc로 넘어오면서 엑박이 떴다.

파일형식 jpeg ->jpg로 변환해서 적용하니 

엑박문제 해결됨.

니코쌤의 히든미션

animation에 blur 추가함

• ! + enter    = basic document 생성
• BEM  = blocck element modifier
• btn {}  = btn안에는 price 정보가 있다. - 때때로 block 은 modifier을 가지게 되는데 bar 형태가 --중간에 온다.
• 이 모든 건 하나의 클래스 이름.
• id보다는 주로 class 사용 많이 하는데 css에 <dot>이 있다면 class인지 빠른 파악이 가능하쥬
• 아이콘 구하기 
• heroicons. , fontawesome 

나는 fontawesome에서 무료아이콘을 검색해서 사용했다.

제공되는 것보다 더 많은 아이콘을 원하면 email 가입해서 code kit 구매하면 된다.

code kit 복사한 뒤 body 안에 스크립트 추가할 건데

위치는 항상 맨 아래 

</body> 바로 위에 위치하면 된다.

<script src = "복사한 code kit"></script>

그림자효과 사용된 recipe :

box-shadow: 5px 5px 15px 5px thistle;
    filter:blur(1px);

• ble 사용시에는 확장 extention 설치가 필요하다.
• 실제 휴대폰이 아니라 가상휴대폰 사용시 emulator 설치 해서 사용하면 되지만 답답해서 실물폰을 쓰는편이 낫다.
• 휴대폰과 연결이 basic 
• mit app inventor : 컴퓨터로 작업할때 상단 우측 block 사용시 백팩에 설정한 함수들 담아서 저장할수 있다.
• ble가 스캔한 어떤것을 list가 보여준다 ->ble가 devicefound ->list view->set list view->elementsfromstring
• block에서 퍼미션 선택하게끔 바꿔논다. -> 허용이 되야지만 에러메세지가 안뜨기 때문
• ->block에서 권한설정하기  or 핸드폰내에서 설정을 누르고 허용하기 누르기
• visible :보여지는것  ->체크시 ai connect 됫을때 휴대폰 화면에 보이는 원치 않는 박스를 투명상태로 안보이게할 수 있다.

• 여자 : (힘쓸 여, 자석 자)  

                  전류를 흐르게 해라 =  여자 시킨다 라고도 함 , 또는 자석에 힘을 갖게 한다.

• 극성

           unipolar : 한쪽 방향으로 흐르게 하는것

          bipolar : 전류방향 양쪽 가능

• 코일(coil)에 전기가 흐르면 전자석이 된다.
• 2상여자 : 1개가 아니라 2개를 돌리게 하면 2상여자가 됨
• setspeed , step method