본문 바로가기

전체 글

 (36)
비전공에서 취업까지!! [11화] front 실기 40% 필기40% 태도점수20%!! -입니다.- 안녕하세요 시험감독관 SsunDev입니다. 정숙하시고 종 딱 치면 시험지와 오회말 카드 뒤로 넘기시고 책상위엔 시험지 컴퓨터용 싸인펜 오엠알 카드 외엔 없도록 다 정리합니다. 기기는 전부 가방에 넣어주시고 시험시간은 총 12시간입니다. 먼저 다 푸시면 앞에 제출하시고 먼저 나가셔도 됩니다. 농담이구요 ㅋㅋ 오늘은 이제까지 배운 코드들을 바탕으로 두가지 결과물을 한번 만들어보겠습니다. 회원가입 페이지하고 견적서 표 이렇게 두가지를 만들어 보겠습니다. 먼저 첫번재로 회원가입 페이지입니다. 회원가입 페이지를 만드시면 됩니다. 1. 의 주소는 "#" 입니다. 2. 와 테그를 통해 각 요소들을 배치합니다. 3.통신사의 select 옵션은 sk skt kt이고 월의 옵션은 1~ 12 입니다. 4.등록 버튼을 누를시..
비전공에서 취업까지!! [10화] front 마지막! html 이제 정리하자! 자 드가자!! -입니다.- SsunDev하세요 안녕입니다. 얼마전에 이어폰 한쪽을 잃어버렸습니다. 출근길에 2호선에서 내리는데 사람이 너무많아서 못내리다 낑낑대며 내리다가 닫히는 기차문에 부딪혀서 오른쪽이 사라져버렸습니다. 오늘 같은 브랜드의 신상을 샀는데 구형 소리가 더 내스타일이어서 너무 서터레스받습니다. 후.. 음악만이 나의 유일한 마약인데... 후.. 거두절미하고 오늘 html 끝장을 보러 가시죠! 저번에 인풋 테그에서 남은거 간단하게 짚고 넘어가겠습니다. 6.number 7.file 8.date 9.email 10.image 11.range 가 남았었는데요? 언제나 마찬가지로 html_importantFianl.html 하고 파일을 만들고 향상된 html 뼈대에 form 테그와 button까지 만들어보겠습니다! 이런식으로..
비전공에서 취업까지!! [9화] front 햇빛 이 선명하게 나뭇잎을 핥고있었다 를 정자로 여기에 기재하시오 -입니다.- 안녕하세요 SsunDev입니랄? 드디어 html도 끝이 보입니다. 생각보다 html은 그렇게 내용이 많지않아서 금방 끝나네요! 말로하면 금방 넘어갈 내용 일텐데도 텍스트로 내용을 전달하다보니 생각보다 어렵더라구요 ㅋㅋ 스프링 들어갈 때 쯔음을 생각하면 아득합니다. 그래도 한걸음 한걸음 자 나아가 봅시다!! 역시나 힘차게 html_important06과 함께 향상된 html뼈대를 박고 시작!!! 추가로 어제 만들었던 테그에 action 부분에 #을 기입해주겠습니다 그럼 현재페이지라는 뜻입니다. 따라서 submit을 통해 데이터를 전송하면 현제페이지로 받게됩니다. 두번째로 method에는 get을 기입해주겠습니다. method에는 post와 get 두가지가 있다고 했었죠? 어려우니 포스트는 데이터를 바디영역..
비전공에서 취업까지!! [8화] front 자폭버튼을 눌렀습니다 5초뒤 폭팔합니다!!! -입니다.- 안녕하세요 SsunDev입니다. 저는 초등학생때 하교 후 문방구에서 쪼그려 앉아 메탈슬러그나 삼국지 야구왕등의 게임을 자주 했습니다. 게임기의 그 빨간 초록 파란 버튼을 검지 중지 약지 세개로 정말 빠르게 연타도하고 필살기같은걸 쓸땐 정말 세게 눌렀는데 가만 생각해보면 그 게임기의 버튼은 왜 고장이 잘 안나고 잘 버텼는지 지금 생각해보면 신기합니다. 오늘 만들어볼것은 이 입니다. 을 뙇 누르면 데이터가 전송이되든 페이지가 바뀌든 아니면 핵을발사를하든 하는 뭔가를 만들어야겠죠? 그 뭔가를 배워보겠습니다. Let go~ 역시나 산뜻하게 html_important05.html과 향상된 html 뼈대를 박고 시작하겠습니다. 자 이번에 배워볼 코드는 바로 테그입니다. 와 SsunDev 미쳤다. 폼테그는 어떤 형태..
비전공에서 취업까지!! [7화] front 앞으로 정말 계속 쓸 코드인데... -입니다.- 안녕하세요 SsunDev 입니다. 날씨가 심상정 않습니다.기온이 하루아침에 더웠다 추웠다 하는게 정말 지구가 큰일이 나고있긴 한가봅니다. 추운날씨에도 지난시간에 이어 테이블에서 몇가지만 더 짚고 넘어가보겠습니다. 테이블의 이름을 달아주는 방법을 배워보겠습니다. 코드 바로 아래에 테이블이름이라고 해주면 됩니다. 그럼 인기 아이돌! 하고 이름을 만들어 보겠습니다. 이렇게 제목을 달아주었습니다. 그럼 바로 ALT + B!! 이렇게 제목까지 붙은 미남 미녀들만 모인 멋진 테이블이 완성 되었습니다. 여기까지만 하고싶지만. 음.. 짜투리로 딱 마지막 한개만 더 배우고 넘어가겠습니다. 이란 테그입니다. 테이블의 각 컬럼의 가로넓이를 지정해줄 수 있습니다. 사용하는 방법은 안에 라는 코드를 컬럼(가로)의 갯수만큼 지정..
비전공에서 취업까지!! [6화] front 네번째걸음 앞으로는 중요한거만 나오니까 밑줄 쫙! 별표 하나! 돼지꼬리 땡땡!! -입니다.- 안녕하세요 SsunDev입니도! 어제부터 드디어 실제로 홈페이지 구현에 *자주* 쓰이는 테그들이 등장하기 시작했습니다. 그말은? 잘 알아두어야 한다! 입니다. 그래도 어떻게 제 설명들이 여러분들께 쉽게 받아들여지고 계실지 궁금합니다 최대한 쉽게 설명하려고 하는데 그럼에도 부족한 내용이 있을 수 있으니 많은 관심 댓글 그리고 추천 도네이션 후원 별풍선 음성도네 영상도네 부탁드리겠습니다(?) 역시나 힘차고 강하게 html_important03 하고 새페이지 만들고 업그레이드된 html뼈대 뙇! 오늘 배워볼 테그는 바로 이라는 테그입니다. 테이블? 탁자? 개발자에게 테이블이란 바로 이런 표를 말합니다. 이걸 왜 테이블이라고 하냐 함은? 전쟁중에 회의를 할 때 장기나 체스처럼 군사들 미니어쳐를 지도위에 세워두고..
비전공에서 취업까지!! [5화] front 세번째걸음! 초석은 세웠으니 슬슬 홈페이지에 재대로 발 담궈볼까? -입니다.- 안녕하세요 SsunDev입니다. 오늘까지 간단한 서류작업같은 기능들의 테그들을 마지막으로 몇개만더 보고 이제 드디어 실제로도 많이 쓰이고 중요한 테그들로 들어가 보겠습니다. 지금부터 중요하니까 웃음기 싹 빼고 아니다 웃음기는 가지고 진지하게 들어가보겠습니다. 바로 시워어언하게 html03.html 만드시고 업그레이드된 html 기본기 가볍게 박고 시작하겠습니다. 이제 이정돈 다들 껌이시죠? ㅎㅎ 벌써 개발자 다 돼버리셨다들 ㅎㅎ 지난시간에 html02.html에 있는 어느날 아버지와 아들이 당나귀를.... 하고 각자 만드신 3문단중 하나를 선택해서 가져와보도록 하겠습니다. 한 문단을 가져왔습니다. 그리고 멋진 인용구까지 가져왔군요! 자 이번엔 이라는 테그를 배워보겠습니다. 제 인용구랑 뭔가 잘 맞는 문단..
비전공에서 취업까지!! [4화] front 두번째걸음! HTML을 구성하는 재료! 뭘로 대체 뭘 만들까? -입니다.- 안녕하세요 SsunDev입니다? 어제까지 HTML의 기본구조를 세워보았습니다. 건물을 지을때도 기본 철골뼈대가 중요하고, 찰흙모형을 만들때도 철쇠로 구조를 잘 잡아야합니다. 이제 우린 튼튼한 뼈대를 다양한 재료로 단단하게 지어보겠습니다. 그럼 어떤재료들이 있고 어디에 써야하는지 알아야겠죠? 오늘도 힘차게 시작해봅시다! html02.html 이라고 새 파일을 한번 만들어보겠습니다. 그리고 어제 만든 html기본틀을 외울겸 복붙하지말고 다시한번 손 코딩해봅시다! 이번엔 이 기본기에 두가지를 더 추가해주겠습니다! 부분을 라고 추가해보겠습니다. 이 코드는 지금 만드는 이 페이지의 언어가 한국어라고 선언해주는 코드입니다. 실제적인 변환 효과는 없으나 나중에 현제페이지를 음성으로 소리를내어준다거나 할때 한국어로 읽..

티스토리툴바