오늘은 자바스크립트의 제어문 전역/지역변수 스코프 호이스팅 에 대해 알아보았다./\*var a = 50;var b = 40;var c = 60;if (a < b) { console.log("a는b보다 작다.")} \-거짓이라 아무것도 나타나지 않음.if (a >

오늘은 네이버 모바일버전을 이어서 마무리 해보았다.어려웠던 내용은 크게 없었으나 마지막 footer 부분에서 before에 content 를 적용해 세로 바를 만드는데, 첫번째와 네번째 앞에는 적용 되지 않도록 다시 줬는데, 다른 것들로 인해 적용이 안되어 계속 나타났

오늘은 어제 네이버 모바일버전 작업을 이어서 해보았다.오늘은 배너4 부분에서 이미지를 넣는데 위치를 선정하는 것이 어려웠다. 부모의 상속을 받아 브라우저기준이아닌 부모기준으로 위치를 옮기도록 설정을 하는데, left: 50%; transform: translate(-5

오늘은 네이버 모바일 버전에 대해 카피캣 해보았다. 어려웠던 점이라고 하면 상단 네비부분에 원래는 자바스크립트로 가로스크롤이 생기지 않고도 옆으로 넘기는 기능을 사용하는 것인데, 대신에 우리는 스크롤이 생기되 없앨 수 있는 작업을 하였다. 그러나 키보드로 옆으로 페이지

오늘은 유튜브 탐색페이지를 카피캣해보았다.유튜브 메인페이지와 기본적인 top,left nav 영역은 같으므로 메인영역만 디자인해보았다.voice 아이콘을 삽입하는데 아이콘 자체의 디자인이 투명배경에 검정색으로 되어있었는데, 흰색인걸 찾고 싶었지만 잘 나오지않아 css

1) 학습한 내용 오늘은 유튜브 서브페이지를 만들어보았다. top 과 left 부분은 메인페이지와 동일 1. channel-banner & nav - html - css 2. - html - css 2) 학습내용 중 어려웠던 점 및 해결방법 3) 학습소감

오늘은 유튜브 왼쪽 영역과 메인 영역을 이어서 작업해보았다.메인부분을 하던중 강의가 갑자기 끊겨 뒷부분은 강사님의 css 코드를 보고 해결했다.또 강사님의 컴퓨터는 크기가 맞아서 left영역에 z-index를 사용할 일이없었지만 나는 가로 스크롤이 생겨 메인부분을 가장

오늘은 유튜브를 카피캣해보았다.학습을 하면서 아이콘같은것들을 똑같이 넣고 싶었지만, 흰색에 배경이 투명한 것을 찾아 넣는게 조금 어려우었던것같다. 그래서 배경색을 .. 가져온 아이콘 배경색으로 바꿔 버렸다.....투명한 배경에 흰색글씨를 가지고오고싶었는데! 개발일지를

1) 학습한 내용 오늘은 reset css , normalize css , 변수에 대해서 알아보았다. - html 1. reset css - css > reset css 는 디폴트값으로 적용된 디자인 모두를 초기화 시키는 것을 말한다. 참고 페이지 "https

오늘은 트위치 메인 오른쪽 영역을 마무리 해보았다.크기가 맞지 않아 내컴퓨터 브라우저 크기에 맞는 트위치 페이지의 레이아웃으로 작업을 하였다.그러고 보니 왼쪽영역의 fixed 되어 있는 부분의 위로 오른쪽 영역이 x축스크롤이 되어 왼쪽 영역에 z-index를 주어 뒤로

오늘은 트위치 왼쪽 부분을 마무리 하고 오른쪽 영역을 조금 작업해보았다. 이 사이트는 포지션개념이 아주 중요하게 적용된다.상단부분 네비의 공간을 100%로 설정을 했음에도 불구하고 계속해서 브라우저 크기가 100% 일때 오른쪽 부분이 잘려보이는 현상이 발생했다.그래서

1) 학습한 내용 오늘은 트위처 라는 해외 페이지의 상단영역과 왼쪽영역 일부분을 해보았다. 1. top-nav - html - css 2. left - channel-wrap - html - css 3. left - join-wrap - html - css

오늘은 오디오 페이지의 오른쪽 영역과 하단, 그리고 오디오 카테고리 페이지를 새로 만들어보았다.html에서 사용할 수 있는 특수문자들이 있다. 아직 아는게 하나도 없어 하나씩 찾아서 작성을 해야한다는 번거로움이 있는 것같다.또 네이버작업을 하면서 rotate를 사용한건

오늘은 오디오페이지 왼쪽 영역을 완성시켜보았다.페이지 왼쪽 부분을 마무리하고 보니 많은 부분들의 레이아웃이 틀어져있었다. 막상 만들때는 생각하지 않았던 부분들이 끝나고 나니 보였다.그래서 다시 하나하나 글씨크기를 바꾸고옆에있는 화살표를 넣는 부분의 위치도 조정해주었다.

오늘은 오디오의 상단영역에 대해 작업해보았다.오늘은 홈 글자밑 굵은줄 표시를 할때 3차원적인 포지션을 적용해 right와 left를 사용해 공간을 만드는 방법을 이용해 작업을 진행하였다.오늘도 input 영역안에 이미지를 주었는데, 오늘은 css 에서 백그라운드 이미지

오늘은 어제에 이어 e-sport부분을 마무리 해보았다.또 웹 폰트 적용하는 방법에 대해 알아보았다.구글 폰트 페이지 https://fonts.google.com/페이지에 들어가 원하는 글자를 선택하면 옆에 link 와 css 코드가 나오기 때문에 쉽게 사용

오늘은 왼쪽 영역을 마무리 해보았다.어제에 이어 왼쪽 부분을 마무리 해보았는데, 계속 해오던 것이라 크게 어려웠던 점은 없었다. 다만 아직 position 을 혼자서 사용할때는 많이 헤매는것 같다.조금더 공부해야 할 것같다.계속 이어서 작업을 하다 보니 반복되는 레이

오늘은 게임에 e-sport 페이지를 레이아웃해보았다.시작전 e-sport 페이지와 게임페이지를 연결하고 게임페이지에서 e스포츠를 눌러서 들어가는 방법으로 들어가려했는데, 보니 이전에 게임페이지를 작업했을때 그림부분이 너무커 상단의 메뉴를 가리고 있어 클릭이 되어지지

함수를 이해하기가 조금은 시간이 걸렸더 것같다. 또 기본적인 언어들의 종류가 많아 외우는 것이 좀 힘들었다.오늘은 지난시간에 이어 기본적인 js 언어에 대해서 배우고 함수와 custom파일을 연결하여 스타일을 주는 방법에 대해 알아보았는데, 역시나 점점 알아야하는 언어

오늘은 게임영역의 오른쪽 까지 마무리 해보았다.오늘도 폰트사이즈의 차이로 인한 레이아웃 틀어짐 외에는 크게 어려웠던 점이 없었던것같다.또 반복된 레이아웃으로 1,2는 똑같은 레이아웃을 주어 더 어려운 점 이없었던 것같다.오늘은 네이버에 있는 돋보기 이미지를 가지고와 c