본문 바로가기
2222

분류 전체보기212

4일차 : Figma 김데레사 강사님(html, css) 사전 과제 이건 점수에 반영하지 않는다. 배운 것들을 이용해서 얼마나 UI를 만들 수 있을지 스스로 점검합니다. 1:1 피드백이 올 때 질문을 주면 피드백도 줄 것. 안내 영상으로 찍어놨다. 영상 틀어주겠다. frontend-2nd create a new repository Taejoon(영어이름) 네카라쿠배 2기 과제 저장소 Private Add a README file 체크해야 main으로 설정된다. 체크 -> 만들기 노트북 클론작업 clone - 복사 - VSCode 구동 - 터미널 git clone {복사} cd Taejoon code . : 새로운 비쥬얼 스튜디오 열리면서 내가복제한 것이 열린다. (안열리면 파일 오픈 - 클론한 저장소 열기해도 된다.) -----------------------.. 2021. 7. 15.
4일차 : CSS 배경 Background background : 색상 이미지경로 반복여부 위치 스크롤특성 예시 일부 속성을 사용하지 않을 수도 있다. .box1 { background: url(../img/image.jpg) no-repeat right scroll; } background-image 기본 값 none url(경로) 요소의 배경으로 넣는 것이기 때문에 요소의 크기가 반드시 크기가 있어야 한다. .box { background-image: url( width: 120px; height: 80px; } 여러개 배경을 넣을 수도 있다. IE8이하 사용할 수 없다. (일반적으로 11버전이라 문제 없을 것) 일반적으로 다중으로 배경에 넣는 일은 많지 않다. background-repeat 기본값 : repeat (기본.. 2021. 7. 15.
3일차 : Git에 대해서 https://nonmajor.tistory.com/193?category=960265 GIT/GITHUB(1) 최우영 강사님 blog : https://ulgoon.github.io/ github : https://github.com/ulgoon/ email : me@ulgoon.com discord : @ulgoon 수업자료 https://github.com/ulgoon/nklcb-git/tree/main/handouts Goal CLI 기.. nonmajor.tistory.com 깃은 자주 사용하기 때문에 틈날 때마다 계속 보기 위해서 별도의 게시판에 만들었다. 2021. 7. 15.
GIT/GITHUB(1) 최우영 강사님 blog : https://ulgoon.github.io/ github : https://github.com/ulgoon/ email : me@ulgoon.com discord : @ulgoon 수업자료 https://github.com/ulgoon/nklcb-git/tree/main/handouts Goal CLI 기반으로 작업을 할 것. Vim editor를 다룰 것. 깃 컨벤션에 익숙해지는 방법 hexo라는 블로그 툴(정적 사이트 생성기)로 github에 블로그를 만들어 볼 것. branch 전략 -> 많이 쓰는 git flow 전략 Before Start iTerm Xcode oh-my-zsh brew * 윈도우 사용자는 제어판-프로그램 삭제에서 git을 다 지우고 gitforwin.. 2021. 7. 14.
과시없는 insta 보호되어 있는 글 입니다. 2021. 7. 14.
리액트 자습 2일차 : JSX 이것은 다 자바스크립트 코드다 바벨이란 도구를 사용해서 이 XML형태의 코드가 javascript로 변형되는 것. ✅ 어떻게 검증할 수 있을까? babel 사이트제 접속해서 Try it out탭으로 들어간 뒤에 좌측에 JSX코드를 넣으면 우측에 Javascript 코드로 변형되는 것을 확인할 수 있다. 매번 우측과 같이 코드를 작성하기는 어려우니 JSX 문법을 사용해서 XML형태의 코드를 작성하면 Javascript로 변형되게끔 Babel이 해주는 것. 그런데 이 때 이렇게 변형되게 하려면 규칙을 지켜야 한다. ✅ 규칙을 살펴보자. 1. 코드는 꼭 닫아줘야 한다. input이나 br의 경우 우리는 일반적으로 닫힌 태그를 사용하지 않지만 리액트에서는 무조건 다 닫혀야 한다. 그러면 input이나 br은 어.. 2021. 7. 13.