안녕하세요

피그마도 우선 width를 1900px로 맞춥니다. 피그마는 피그마 파일을 만들어 두면 자동저장을 해줍니다. layout grid 기능으로 gird 격자를 만들어 줍니다. columns, count : 12, type : center, width : 70, gutter : 30 ruler를 표시하고 중앙선을 맞춥니다. alt를 누르고 박스를 이동하면 복사가 됩니다. 박스를 만들어 두고 이미지 열기를 한 뒤 박스를 클릭하면 박스사이즈에 맞춰진 이미지가 만들어집니다. shift + r 로 ruler 표시를 전환할 수 있습니다. ctrl + shitf + 4 로 그리드 표시를 전환할 수 있습니다. 이미지를 선택하고 export하여 png형식으로 저장할 수 있습니다. 폰트를 다운받아 이용하려면 브라이우보다는 앱..

이번 주도 자유 주제입니다. 주얼리 사이트를 코딩해보려 합니다. a태그는 inline태그입니다. box처럼 싸면 안됩니다. h1에 a링크를 주려면 h1 안에 a를 포함시켜야 합니다. id를 넣을 것이라면 header, footer, section에 한정합니다. 리액트에서 이미지를 넣을 때는 public 폴더에 넣습니다. 리액트에서는 한 번에 큰 하나의 태그만을 써야합니다. 아래는 세 개의 태그가 같은 레벨에 있기 때문에 오류가 발생합니다. 따라서, 아래와 같은 형태로 감싸주어야 합니다. className은 css작업 효율성을 높일 수 있도록 component의 이름과 똑같이 지어줍니다. header;

https://www.youtube.com/watch?v=4_WLS9Lj6n4&t=6959s js중급 강의는 복습을 여러번 해야할 것 같습니다. 변수 var는 한 번 선언된 변수를 다시 선언할 수 있지만, let은 오류가 생깁니다. 변수의 생성과정입니다. var는 선언과 초기화가 동시에 일어납니다. 여기서 초기화란 undefined를 할당해주는 단계입니다. let도 호이스팅이 되면서 선언단계가 이루어지지만, 초기화 단계는 실제 코드의 위치에서 이루어지므로 refernce error가 발생합니다. const는 선언, 초기화, 할당이 동시에 일어납니다. 따라서 let과 var는 아래와 같이, let name; name = 'Young'; var lang; lang = 'Korean'; 선언과 할당을 따로 할..

[220720 웹코딩(게임)] [ html / css / js ] 게임 타이틀을 강조한 메뉴를 구현했습니다. html을 다 만들고 js를 작업한 것이 아니라, 한 섹션을 만들 때마다 js로 기능을 추가하는 것을 반복하다 보니 js 코드가 엉망이 되었습니다. 앞으로는 html과 css를 다 구현한 뒤에 js로 기능을 추가하도록 해야겠습니다. 반응형으로 작은 화면에서는 메인타이틀을 클릭하면 미니타이틀이 나타나도록 했습니다. 모바일 화면에서 가독성이 좋으면서도 작지 않은 폰트 사이즈를 잘 모르겠습니다. Oswald, 메인타이틀 20px, 미니 타이틀 15px 입니다.