본문 바로가기

전체 글

 (36)
비전공에서 취업까지!! [18화] CSS 박스모델!! -입니다.- nice to meet ya it's me SsunDev! good to see you css를 빨리 벗어나고싶은 썬데브입니다. 이번시간에 배워볼건 box모델인데 이제부터가 정말 중요하고 홈페이지 제작을 하기위한 실용적인 내용들입니다 귀를 쫑긋 열고 잘 따라오셔야합니다! 그 전에 ! li 테그에 사용할 수 있는 간단한 속성 하나 또 배우고 넘어가겠습니다. 먼저 간단한 내용이니 저번 내용 아래에 간단하게 기입해 보도록 하겠습니다. 이런식으로 테그와 테그를 두개 만들어서 각각 를 넣어보겠습니다. alt + b!! 저번에 ol은 order-list, ul은 unordered-list 라고 배웠엇죠? 기억 다들 나시죠? ㅎㅎ 이렇게 li테그에 list-style-type: square; 라고 속성을 기입해 주도..
비전공에서 취업까지!! [17화] CSS 초 스피드로! 문단,글자 꾸며보자! -입니다.- 안녕하세요 SsunDev입니롤 가만 생각해보니 CSS는 너무 작고 세세한것에 너무 많은 힘을 쓰기엔 앞으로 다가올 거대한 프리저sql이랑 마인부우java 셀javascript 브로리spring 이 너무 쎄기 때문에 CSS에서는 약간 힘을 빼고 가볍게 상대하는게 좋겠다는 결론이 나왔습니다 후후 자 오늘은 빠르게 가 봅시다!!! 두말하면 잔소리죠? html 만들고 뼈대 블라블라 CSS 파일 블라블라 @charset 블라블라 그리고 안에 내용물 이런식으로 블라블라 link 블라블라 입니다! 은 인라인 속성 는 블록속성이라고 예전에 스치듯 말씀드렸는데요 그래서 span은 옆에 붙고 div는 아래로 줄바꿈이 일어납니다. 그 말인즉슨 span은 영역을 가지지 못하고 div는 일정한 영역을 가집니다. 정도만 알고 앞..
비전공에서 취업까지!! [16화] CSS Font! -입니다.- 다들 안녕하십시다 SsunDev이십니다. 요즘 새로 공부하는게 참 많습니다. 복싱도 배우고 일터에선 회계도 공부하고 차변 대변... 자산 부채 자본... 예수금.. 감가상각 당좌예금... 어질어질 합니다. 여러분도 지금까지 수 많은 테그, 속성, 선택자에 머리가 어질어질 하시죠? 항상 배움은 n회차에서 이해되는것 같습니다. 결론 : n회차 방문,정독해주세요! 자 오늘은 드디어 꾸미기에 들어가 볼 겁니다! 이제 다 알잖아요? 그쵸? 05번 html css 만들고 안에 뼈대 링크 스무th!! http://hangul.thefron.me/ 한글입숨 - 무의미한 한글 텍스트 생성기 한글판 로렘입숨. 무의미한 한글 텍스트를 생성해 줍니다. hangul.thefron.me 자 그리고 저번에 사용해본적 있던 입숨으로..
비전공에서 취업까지!! [15화] CSS 선택자3탄! 패트와매트를 선택하자 형제선택자, 속성선택자! -입니다.- Jab Jab Jap Punch Hook 미자 아줌마!!! 배에 힘 안줬다!!!!! 후..... 복싱을 배우고 한마리 거친 야수가 되어가는 SsunDev입니다 평일에 일과 운동과 블로그를 병행하니 피곤해 죽겠습니다. 유툽을 보다보면 저보다 더 열심히 살고계시는 선배님들을 보면 게으름 피우지 말아야지 하면서도 어째서인지 침대에서 등을 땔 수가 없는 제가 미워집니다. 각설하고 오늘은 선택자 마지막! 형제 선택자와 속성 선택자, 그리고 나머지에 대해서 배워보도록 하겠습니다. 역시나 또 뭐 아시죠? html , css 파일 두개 만들고 향상된 뼈대 딱 박고 css기본 charset 뙇 박고!! jab jab jab punch hook!! 내용물을 이렇게 한번 채워보겠습니다. 이제 뭐가형제고 뭐가 부모자식관계인지..
비전공에서 취업까지!! [14화] CSS 선택자2탄! 조상..조상님이 보여욧!! -입니다.- 안녕못합니다 SsunDev입니다. 바쁘게 살아보려 운동을 시작했습니다. 복싱을 시작했는데 짬프짬프만 2시간하고 종아리에 딱구리가 생겼습니다. 어제에 이어서 오늘도 선택자에 대해서 알아보겠습니다. 역시나 시워언하게 css03.html 과 css03.css 를 만드시고 향상된 뼈대만드시고 css파일 만드시고 @charset "UTF-8"; 넣는거 잊지 마시구요! 마지막으로 뙇 넣어주시고! 이정도는 이제 아 새로운거 배우겠구나 하면 미리 그냥 뙇 만들어 버리고 글 읽으시죠? 다 알아요~ 자 이런식으로 p 테그를 사용해서 음식들을 나열 해볼까요? 각각 food, kor or wes or jap or chi 라고 class를 부여해 줘 보도록 하겠습니다 그리고 제가 좋아하는 봄도다리쑥국에 id="myFav" 하고..
개발용,코딩용 컴퓨터 가 필요한 이유 와 SsunDev의 주관적인 개발용 노트북, 코딩용 2023 노트북 추천 안녕하세요 SsunDev입니다. 개발을 하기 위해서는 뭐가 필요할까요? 네 바로 노트북입니다! 저는 프로 장비충입니다. 뭘 하던지 장비가 갖춰져야 할 맛이 나는것 같습니다. 지금 갖고계시는 데스크탑 컴퓨터로 하셔도 큰 상관은 없지만 개발을 하기위해선 좋은 노트북을 하나 장만해 두시는게 좋습니다. 보통 갖고계시는 컴퓨터로 게임들 많이 하시잖아요? 나중에 이 컴퓨터로 서버라는걸 돌리게 되면 백그라운드에서 계속 돌아가는 프로그램이 있기마련인데 그렇다면 기존의 PC가 점점 무거워지겠죠? 그럼 게임이 버벅거리겠죠? 그쵸? 물론 매번 켜고 끄고 켜고 끄고 하셔도 됩니다만 귀찮잖아요? 그쵸? 그래서 첫번째 이유는 개발 환경이 다양하게 구축될 수록 컴퓨터에 부담이 된다. 따라서 개발용으로 컴퓨터를 따로 하나 갖고있으면..
비전공에서 취업까지!! [13화] CSS 선택과 집중! 선택이 중요합니다 선택! SsunTech!!! -입니다.- Ssun녕하세요 안Dev입니다. 요즈음 감정이 가득 차서 조금만 눌러도 터져버리는 SsunDev입니다. 후.. 여러분들은 선택을 잘 하셔야합니다. 몇일전에 후회할 선택을 해버려서 망가진 하루를 삽니다 ㅋㅋ 각설하고 오늘은 선택자 라는것을 배워보도록 하겠습니다! 지난시간에는 CSS 파일을 분리하는 것 까지 배웠습니다. 그렇다면! 이제 HTML 페이지에 존재하는 테그들을 분리된 CSS 파일에서 어떻게 찾아서 저녀석은 빨간색으로 이녀석은 초록색으로 저녀석은 보라색으로! 하고 지목해서 바꿀 수 있을까요? 그래서 오늘 배워볼건 바로 선택자입니다! 일단 기본적으로 CSS 를 정의하는 기본적인 방법은 선택자 { 속성: 속성값;} 입니다. 예를들어서 p테그를 선택하고자 한다면 p { 속성: 속성값;} 입니다. 또 여러..
비전공에서 취업까지!! [12화] CSS 첫 도약! 난 미적 감각이 정말 없는데... -입니다.- 안녕하세요 SsunDev 임둥. 우리는 이제 CSS라는걸 배워볼겁니다 간단하게 설명드리자면 CSS는 html코드를 예쁘게 꾸미는 작업입니다. 전 미술쪽에 정말 소질이 없습니다 그래서 화면을 창의적으로 예쁘게 꾸미는것에 있어서 참 애를 먹습니다. 물론 여기도 좋은 해결책이 있어서 나중에 설명드리겠습니다! 먼저 CSS의 정의부터 알아보겠습니다. CSS ( Cascading Style Sheet ) -cascading : ‘계단형’ 의 의미로 스타일 적용에 특정도, 또는 우선순위가 있고 우선 순위가 정해지는 것이 계단식 스타일 시트라는 의미 입니다. 말이 어렵죠? 쉽게 설명하자면 한 파일 안에 꾸미기를 여러개 쓰면 계단식으로 마지막것으로 정의된다 입니다. 정의는 그렇다 치고 사실 저희가 전에 배운 html 파..

티스토리툴바