본문 바로가기

Programming

기초코딩 - 가입페이지 문구 디자인하기 - 2편 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글은 가입페이지의 상단바의 HTML를 CSS를 활용해 일자로 펼쳐보았습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1233 기초코딩 - 가입페이지 문구 디자인하기 - 1편 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글은 가입페이지를 만들기 위해 HTML을 작성하였습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세 tm-csc.tistory.com 이번 글에서는 이어서 상단바를 디자인 해보겠습니다. VSC부터 실행해주세요. 일단 지난 글에서 이렇게 하나하나 다 붙어있었기 때문에 각각 요소를 떨어트려야 할 텐데요. 어떤 코드.. 더보기
기초코딩 - 가입페이지 문구 디자인하기 - 1편 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글은 가입페이지를 만들기 위해 HTML을 작성하였습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1231 기초코딩 - 가입페이지 문구 설정하기 - 1편 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글은 Block Element Modifier CSS 코드를 작성하는 규칙에 대해서 알려드렸습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑 tm-csc.tistory.com 이번 글에서는 저번 글에서 만들었던 HTML을 CSS를 활용해 디자인해보겠습니다. 우선 VSC를 실행해주세요. 지난 글에서 이렇게 HTML을 작성하였고 확정적이지는 않지만 대.. 더보기
기초코딩 - 가입페이지 문구 설정하기 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글은 Block Element Modifier CSS 코드를 작성하는 규칙에 대해서 알려드렸습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1229 기초코딩 - Block Element Modifier에 대해서 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글은 웹페이지 또는 어플의 디자인에서 사용할 아이콘을 사용하는 방법을 알려드렸습니다. 만약 기억이 잘 나지 않으시거나 혹시 모 tm-csc.tistory.com 이번 글에서는 가입페이지를 만드는 과정을 이어가겠습니다. 혹시 지난 글에서 상단바에 넣어보라고 말씀드렸던 아이콘을 다 설정하셨을까요? 그럼 일단 .. 더보기
기초코딩 - Block Element Modifier에 대해서 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글은 웹페이지 또는 어플의 디자인에서 사용할 아이콘을 사용하는 방법을 알려드렸습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1228 기초코딩 - 가입페이지 만들기 - 2편 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글은 메신저 어플의 가입페이지를 만드는 첫 단계였습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해 tm-csc.tistory.com 이번 글에서는 Block Element Modifier 즉 BEM에 대해 알려드리겠습니다. 처음 HTML, CSS를 작성하다 보면 CLASS 또는 ID를 작성할 때 규칙에 대해 생각.. 더보기
기초코딩 - 가입페이지 만들기 - 2편 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글은 메신저 어플의 가입페이지를 만드는 첫 단계였습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1225 기초코딩 - 가입페이지 만들기 - 1편 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글에서는 실제로 VSC에 HTML 태그를 작성하고 그 내용을 GITHUB에 저장시키는 방법을 알려드렸습니다. 만약 기억이 잘 나지 않으시거나 tm-csc.tistory.com 이번 글에서는 그다음 내용으로 이어서 진행하겠습니다. 그럼 스마트폰의 가장 상단 상태 표시 창부터 만들겠습니다. 그럼 VSC부터 실행해주세요 그리고 이렇게 적어주세요. 설명해드리면 더보기
기초코딩 - 가입페이지 만들기 - 1편 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글에서는 실제로 VSC에 HTML 태그를 작성하고 그 내용을 GITHUB에 저장시키는 방법을 알려드렸습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1222 기초코딩 - 실제로 GITHUB 사용해보기 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글에서는 GITHUB의 Repository를 만들고 사용하는 방법을 알려드렸습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글 tm-csc.tistory.com 이번 글에서는 우리가 일반적으로 많이 사용하는 메신저 어플의 디자인적인 요소를 따라 해 보도록 하겠습니다. 정확히는 이번 글에서 다 만들.. 더보기
기초코딩 - 실제로 GITHUB 사용해보기 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글에서는 GITHUB의 Repository를 만들고 사용하는 방법을 알려드렸습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1221 기초코딩 - GITHUB Repository 만들기 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글에서는 프로그래밍에서 자주 사용하게 될 GITHUB에 대해서 알려드렸습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 tm-csc.tistory.com 이번에는 실제로 VSC에 HTML 태그를 작성해보고 이 내용을 GITHUB에 저장시켜보겠습니다. 먼저 git으로 내가 기록한 내용을 추적하고 저장하게 되면 GITHUB.. 더보기
기초코딩 - GITHUB Repository 만들기 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글에서는 프로그래밍에서 자주 사용하게 될 GITHUB에 대해서 알려드렸습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1218 기초코딩 - GITHUB란 무엇일까? 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글에서는 프로그래밍에서 자주 사용하게 될 GIT에 대해서 알려드렸습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑 tm-csc.tistory.com 이번 글에서는 GITHUB의 Repository를 만들고 사용하는 방법에 대해 알려드리겠습니다. 가장 먼저 GITHUB에 아직 가입하지 않으셨다면 계정을 생성하시고 로그인해주세요~ 그다음 .. 더보기
기초코딩 - GITHUB란 무엇일까? 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글에서는 프로그래밍에서 자주 사용하게 될 GIT에 대해서 알려드렸습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1216 기초코딩 - GIT이란 무엇일까? 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글에서는 Media Query를 통해 화면을 가로로 돌리면 또는 세로일 때 따라 나오는 화면이 변경되는 방법에 대해 알려드렸습니다. 만약 기 tm-csc.tistory.com 이번 글에서는 GITHUB에 대해서 알려드리도록 하겠습니다. 먼저 운영체제에 맞게 Git을 다운로드하였다면 GitHub사이트로 접속해야 합니다. 먼저 github.com으로 가서 계정이 .. 더보기
기초코딩 - GIT이란 무엇일까? 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글에서는 Media Query를 통해 화면을 가로로 돌리면 또는 세로일 때 따라 나오는 화면이 변경되는 방법에 대해 알려드렸습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1215 기초코딩 - Media Query에 대해서 - 2편 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글에서는 Media Query를 통해 화면 사이즈가 변경됨에 따라 웹사이트나 어플의 상태가 달라질 수 있다는 것을 알려드렸습니다. 만약 기 tm-csc.tistory.com 이번 글에서는 GIT에 대해서 알려드리도록 하겠습니다. 제가 처음에 HTML, CSS, java 등 코딩을 하기.. 더보기