본문 바로가기

전체 글

 (36)
비전공에서 취업까지!! [24화] 마진과 패딩입니다 -입니다.- 안녕들 하신거 다 알고있습니다. SsunDev입니다 패딩을 입기엔 더운날씨가 되었습니다. 전 추위는 정말 안타는데 더위를 사정없이 타서 1년중 7개월은 겨울이고 봄가을 2개월 여름 1개월이었으면 참 좋겠다 라는 생각을 갖고있습니다. 네 잡소리가 길었구요 오늘 배워볼건 마진과 패딩이라는겁니다. 저번에 배운 유용한 꿀팁 중에서 이런 그림 기억 하시련지 모르겠습니다. 자 설명 들어갑니다있! 자 일단 css11로 html, css 를 만들고 시작합시다! 알죠? 그리고 테그 두개도 만들어볼까요? 그다음 css11.css에서 span 이라는 테그 자체에 이런 효과를 설정해주겠습니다. span 은 기본적으로 inline 테그입니다. 지난시간에 inline테그와 block테그에 대해서 알아보았는데요 인라인은 기본적으로..
비전공에서 취업까지!! [23화] 앞으로 개발에 사용될 유용한 기술 몇가지! -입니다.- 안녕들 하실거라 믿습니다 SsunDev 입니다. 긴 겨울이 지나고 푸근한 봄이 왔습니디. 날씨가 너무좋아 동네를 한시간쯤 걸으니 머리속이 미세먼지로 서걱서걱합니다. 하 전 여름이 싫은데 벌써 심상정않은 여름이 올것만 같습니다... 유시민지켜보니 언제부턴가 날씨가 보ㅁ... 여름여름여름여름여름 가ㅇ.. 겨울겨울겨울겨울겨울 밖에 없는것 같습니다. 이 조금있는 봄을 느끼러 혼자 여행이나 가봐야겠습니다. 서론이 길었습니다 슬슬 css도 끝이 보이기는 하는것 같습니다! 가 봅시다!! 이에 앞서 오늘은 앞으로 자주 쓸 기술(?)을 알려드리려고 합니다 네이버를 켜시고! 이 상태에서 F12를 눌러봅시다! 이런 특이한 창이 하단 혹은 우측에 생성된것을 보실 수 있습니다. 구글 크롬뿐만아니라 엣지 파이어폭스 등등 다양한 ..
SsunDev님은 주말에 뭐해요? 첫글! 뷰티풀 너드를 만나다! 안녕하세요 SsunDev입니다. ~~님은 주말에 뭐 해요? 혹은 뭐 했어요?라는 말은 보통 직장인들이 주말을 앞둔 금요일이나 주말을 보내고온 월요일 혹은 공휴일 앞뒤로, 출근하고 할말 없을때 건네는 정말 관심은 1도 없지만, 뭘 하든 알 바 아니지만, 딱히 할말은 없고 분위기는 유하게 만들고싶을때 던지는, How are you 급 인사말 입니다. 그래서 꼭 주말이 아니어도 그냥 혼자 겪은 일상 일들을 그냥 막 던지려고 만든 게시판입니다. 첫글은 바로 제가 너무너무 재밌게보고 매일 챙겨보고 꾸준히보고 자기전에보고 출근하면서 보고 똥싸면서보고 글쓰면서보는 정말 좋아하는 유투버중에 한명인 뷰티풀 너드에 관한 글 입니다! 멀티버스로 각각 폐급군대이야기, 8수생이야기, 짱구바지남, 힙찔이 MZ등등 다양한 컨셉으로..
비전공에서 취업까지!! [22화] CSS 빽그라운드를 꾸며보자!! -입니다.- 안녕하세요? SsunDev입니다. 복싱을 너무 열심히했더니 요즘 주먹과 오른다리가 너무 아픕니다. 하지만 이 직장에서 받은, 삶에서 받은, 들이받은 스트레스를 풀기엔 이만한게 없군요 개발자여러분 꼭 운동하세요 콤피타만 보고있으면 허리 나빠지고 눈도 나빠지고 여자친구도 안생깁니다. 아 물론 .. 아 아닙니다.. 자 각설하고 오늘 배울것은 Background 입니다!!! 다 알잖아요? 그쵸? 막 그 html뼈대 막!! css 막!! ㅎㅎ 그리고 id="wrap" 이라고 백그라운드 하나 만들어보도록 하겠습니다! 그 다음 css로 가서! 자 첫번째 줄의 margin: auto;는 나~중 설명해드리고 일단 따라만 치세요 따라만 치세요! 그다음 width:1280px; height:1000px; background..
비전공에서 취업까지!! [21화] CSS 그동안 배운것을 활용편!! 그럴싸한 게시판을 만들어보자! -입니다.- 안녕하세요 SsunDev입니다 예의라면 제가 꽉 잡고 있숨다! 모자를 받아드릴 끄아요? 게시판을 만들어드릴 끄아아요? 오늘은 저와 함께 드디어 그럴싸한 페이지를 한번 만들어 보겠습니다. 기나긴 싸움이 될것만 같군요... 오늘 만들어볼 페이지는 이런식으로 게시판 페이지를 만들어 보려고 합니다. 마우스를 올리면 해당 게시글 목록이 노랗게 바뀌는 기능도 넣구요! 어떻게 만들지 살짝 감이 잡히시나요? 한번 시작해 보도록 하겠습니다. html과 css 파일 만들고 내용물 채워주시고 시작해 보도록 하겠습니다. 페이지를 만드실 때 보통은 이렇게 페이지의 전체를 감싸는 div를 하나 두고 시작합니다. 이를통해 해당 홈페이지의 width 나 정렬을 명시해 줄 수 있기 때문입니다. wrap 이나 컨테이너등등 추후에 알아보..
신림 People SsunDev의 카공하기 좋은 신림 카페 추천! 수많은 신림 자취러들 안녕? 본인 SsunDev입니다. 오늘은 개인적인 카페 추천을 해볼까하는데 광고, 협찬 이런거 일절없습니다. (제발 언젠간 나도 저런거 해보고싶...) 일단 다시한번 말하지만 SsunDev는 신림에 거주중입니다. 그리고 신림엔 수많은 자취생이있고 정말 수 많은 개발자가 있습니다(?) 그리고 SsunDev는 요즘 말이 많은 문제의 카공족 이랍니다. 향긋한 커피향과 코딩은 정말 참을수 없죠 그런데 신림의 주말 카페는 정말 자리를 찾는게 하늘에 별따기이며 회전률을 높여야하는 카페 특성상 카공하기 좋은 카페가 몇 없습니다. 정말 낮은 바닥책상 180도쯤 되어보이는 의자 등등 그래서 신림역근처의 거의 모든 카페를 다 돌아보고 내린 최고의 카페를 앞으로 몇군데 소개하고자 합니다. 오늘 추천해드..
비전공에서 취업까지!! [20화] CSS 가상클래스 -입니다.- 안녕? 난 SsunDev! 반갑습니다 썬데브입니다 오늘은 가상 클래스 라는걸 배워보겠습니다. 앞으로 클래스라는말을 주구장창 들으실텐데 이 가상클래스는 뭐 그런 클래스같은 느낌은 아닌거같고 그냥.. 이런이름이 있네 정도만 알아두셔도 될거 같긴합니다. (Pseudo)라고 불리는 이 가상클래스는 여러가지가 있는데 저어엉말 대표적으로 :hover :active :link :visited 가 있습니다. 어렵게 생각할건 없고 우리가 배웠던 선택자에 저 옵션들을 붙인다고 생각하면 됩니다. 백문이불여일견 자 드가봅시다!!! 자 09번으로 만드시고 뭐 뼈대 머시기 저시기 하시고 css 막 하고 막 으이? 다 알제? 알제리? 그리고 div두개 만들고 a 두개 만들고 id도 만들어줘봅시다! 그다음 css09.css페이지로 ..
비전공에서 취업까지!! [19화] CSS 박스2!!! -입니다.- 안녕들하지라? SsunDev여라 근황을 말씀드려보자면 흠... 요즘 일터에서도 조금 많이 힘든 일도 있었고 엎친덮친이라고 요근래는 감정적으로도 많이 힘드네요... 오락가락합니다.. 그래서 저번주는 쉬었습니다 ㅎㅎ 블로그 월차!!...;; 그래도 그나마 좋은점은 하핫 드디어 광고를 달 수 있게되었습니다.!!! 뭐 광고달아서 오백원이나 벌면 참 좋겠네요 ㅋㅋㅋ 또 요즘은 boxer 가 되고있습니다 원투쓱빡쓱빡쓱쓱빡!! 그래서 오늘은 box 계속해서 배워 보시겠습니다! 오늘은 하단의 두 박스를 만들러 가 봅시다! 알죠? html, css, 향상된... , @charset 그리고 위와같이 를 두개 만들어봅시다! id도 지어주구요! 자 그다음에 css 파일로 와서! 자 이렇게 먼저 div 테그 자체의 width ..

티스토리툴바