개발강의 (5) 썸네일형 리스트형 비전공에서 취업까지!! [12화] CSS 첫 도약! 난 미적 감각이 정말 없는데... -입니다.- 안녕하세요 SsunDev 임둥. 우리는 이제 CSS라는걸 배워볼겁니다 간단하게 설명드리자면 CSS는 html코드를 예쁘게 꾸미는 작업입니다. 전 미술쪽에 정말 소질이 없습니다 그래서 화면을 창의적으로 예쁘게 꾸미는것에 있어서 참 애를 먹습니다. 물론 여기도 좋은 해결책이 있어서 나중에 설명드리겠습니다! 먼저 CSS의 정의부터 알아보겠습니다. CSS ( Cascading Style Sheet ) -cascading : ‘계단형’ 의 의미로 스타일 적용에 특정도, 또는 우선순위가 있고 우선 순위가 정해지는 것이 계단식 스타일 시트라는 의미 입니다. 말이 어렵죠? 쉽게 설명하자면 한 파일 안에 꾸미기를 여러개 쓰면 계단식으로 마지막것으로 정의된다 입니다. 정의는 그렇다 치고 사실 저희가 전에 배운 html 파.. 비전공에서 취업까지!! [10화] front 마지막! html 이제 정리하자! 자 드가자!! -입니다.- SsunDev하세요 안녕입니다. 얼마전에 이어폰 한쪽을 잃어버렸습니다. 출근길에 2호선에서 내리는데 사람이 너무많아서 못내리다 낑낑대며 내리다가 닫히는 기차문에 부딪혀서 오른쪽이 사라져버렸습니다. 오늘 같은 브랜드의 신상을 샀는데 구형 소리가 더 내스타일이어서 너무 서터레스받습니다. 후.. 음악만이 나의 유일한 마약인데... 후.. 거두절미하고 오늘 html 끝장을 보러 가시죠! 저번에 인풋 테그에서 남은거 간단하게 짚고 넘어가겠습니다. 6.number 7.file 8.date 9.email 10.image 11.range 가 남았었는데요? 언제나 마찬가지로 html_importantFianl.html 하고 파일을 만들고 향상된 html 뼈대에 form 테그와 button까지 만들어보겠습니다! 이런식으로.. 비전공에서 취업까지!! [5화] front 세번째걸음! 초석은 세웠으니 슬슬 홈페이지에 재대로 발 담궈볼까? -입니다.- 안녕하세요 SsunDev입니다. 오늘까지 간단한 서류작업같은 기능들의 테그들을 마지막으로 몇개만더 보고 이제 드디어 실제로도 많이 쓰이고 중요한 테그들로 들어가 보겠습니다. 지금부터 중요하니까 웃음기 싹 빼고 아니다 웃음기는 가지고 진지하게 들어가보겠습니다. 바로 시워어언하게 html03.html 만드시고 업그레이드된 html 기본기 가볍게 박고 시작하겠습니다. 이제 이정돈 다들 껌이시죠? ㅎㅎ 벌써 개발자 다 돼버리셨다들 ㅎㅎ 지난시간에 html02.html에 있는 어느날 아버지와 아들이 당나귀를.... 하고 각자 만드신 3문단중 하나를 선택해서 가져와보도록 하겠습니다. 한 문단을 가져왔습니다. 그리고 멋진 인용구까지 가져왔군요! 자 이번엔 이라는 테그를 배워보겠습니다. 제 인용구랑 뭔가 잘 맞는 문단.. 비전공에서 취업까지!! [3화] front 첫걸음! HTML, 화면을 만들어보자! -입니다.- 안녕하세요 SsunDev입니다. 오늘은 드디어 코드! 라는걸 쳐보겠습니다. 자 저번시간에 이어서 설치해둔 VSCode를 켜보겠습니다. 왼쪽에 사이드부터 설명드리자면 1번은 프로젝트파일들을 보는 창입니다. 어느 개발 툴을 켜더라도 현재 진행되는 프로젝트의 구성을 보는 창이 있습니다. 2화에서 만들었던 HTML01 폴더가 보이는군요? 이 아래에 이제 새로운 파일들을 만들어보겠습니다. 그러면 어제만든 HTML01폴더안에 파일들이 생기게 됩니다. 2번은 검색입니다. 프로젝트에서 검색합니다. 3번은 깃허브라고 하는걸 연결할 수 있게 해주는건데 나~중에 배우겠습니다. 쉽게 일단 설명드려보자면 내가 짠 코드를 깃허브라는 인터넷에 올려서 저장해두었다가 그걸 내려받아서 중간에 다른팀원이 추가수정을 할 수 있고 팀원이 수.. 비전공에서 취업까지!! [2화] 첫 발을 내딛어보자! VSCode!!! -입니다.- 안녕하세요 SsunDev입니다. 오늘은 드디어 사전설명을 끝내고 코드라도 한줄 짜보겠습니다! 앞으로 개발자가 되실 여러분이 주의해야할점이 있습니다. 바로 개발을 하는 컴퓨터의 이름입니다! 컴퓨터 이름을 한글로 지정하신분들 이 있으실겁니다 [SsunDev의싸고느리지만무겁고소중한컴퓨터*~*v] 이런식으로 한글이름으로 설정하시게되면 추후 프로그램들이 한글을 못읽고 어버버거리는 에러가 생길 수 있습니다. 따라서 본인의 컴퓨터 이름을 영어로 바꿔주심이 좋습니다. 왠만하면 띄어쓰기나 특수문자없이 그냥 쌩영어가 좋은것 같습니다(개인적인생각입니다.) 방법은 그렇다고 하네요 저는 [제어판]에서 [시스템]을 클릭하니 그안에 [이 PC의 이름 바꾸기] 라는 버튼이 있었습니다. 아!! 참고로 전 Mac은 안써봐서 잘 모릅니다.. 이전 1 다음
