자기계발하는 쏭이

Problem div태그에서 지정한 width를 무시하고 텍스트가 넘쳐버리는 현상이 발생했다. 이런식으로 .. Solution 1. 말 줄임 ... 으로 해결한다.div{ width:100px; overflow:hidden; text-overflow:ellipsis; } 2. 자동 줄바꿈 처리를 해준다.div{ width:100px; overflow:hidden; word-wrap:break-word; } Refer http://doctype.tistory.com/41

어떤 태그에 margin-top 속성을 줄 때 윗 부분이 같이 밀려 내려오는 버그가 있다. 이 버그는 윗 부분 태그에 overflow:auto 처리를 해주면 해결된다. ex) #wrap 안의 div 에 margin-top 속성를 줄 때 버그가 생길 시 #wrap { overflow:auto; }

지난번 sass설치 포스팅이후 오랜만이네요 ^^;; 사실 포스팅중 오류가 생겨 해결하다가 귀차니즘병이 걸려서 이제서야 돌아왔습니다.. 더욱 성실한 쏭이가 되겠습니다! ㅎㅎ sass설치를 아직 안하신 분들은 설치를 하고 와주세요! ↓ http://jamanbbo.tistory.com/2 설치를 다 하셨다면 최상위 sass 폴더 아래에 gulpfile.js 폴더를 만들어줍니다 gulpfile.js 폴더에서는 gulp를 실행해서 sass를 사용하기 위한 셋팅을 하게 됩니다. gulpfile.js +서브라임 텍스트였던 에디터를 visual studio code 에디터로 변경했습니다. 중간중간 코드에 대한 주석을 달아놓았지만 자세히는 작성하지 않았습니다. 궁금하신 부분이 있으면 댓글로 남겨주시고 주석에대한 피드백..

sass는 css를 확장하여 css작업의 생산성과 가독성을 높여줍니다. sass에 대해 좀 더 알고싶다면 > https://sass-guidelin.es/ko/ 오늘은 같이 sass를 설치하고 사용해보도록 하겠습니다ㅎㅎ sass의 문법은 브라우저가 읽지 못해서 따로 sass -> css 파일로 변환하는 과정이 필요합니다. 변환은 웹팩,걸프,그런트 같은 빌드 시스템을 사용하게 됩니다. 저는 걸프를 사용해볼겁니다. 걸프를 사용하려면 node.js 를 먼저 설치해주어야 합니다. https://nodejs.org/ko/ 설치를 한 후 cmd창을 열어서 node.js가 잘 설치 되었는지 확인해줍니다. node -v 위의 명령어를 입력하고 에러문구가아닌 node.js의 버전이 나오면 설치가 잘 된겁니다 ㅎㅎ npm..