html 이력서_tailwind

YOOJIN PARK·2021년 11월 23일
0
post-thumbnail

오늘 수업은 테일 윈드(tailwind)라는 자동화 툴을 실습했다.
css 라이브러리로 많이 사용 되는 부트 스트랩과 더불어
테일윈드도 많이 사용하기 때문에 이에 관한 실습을 진행했다.

우선, 테일 윈드에 대해서 알아보자면..

부트 스트랩은 완제품을 구성하는 경우
테일 윈드는 처음부터 ui짜야 되는 경우

에서 사용하기 때문에 편리성을 따지자면, 부트스트랩이 좀 더 편하지만,
디테일한 부분들을 수정하기엔 테일윈드가 좀 더 수월 하다.

우선 전체적인 구성 해놓고, 추후에 포트폴리오랑 붙여서 사용할 예정이다.
테일윈드와 부트스트랩 그리고 css파일짜는 경우들을 다 비교해 봤을때, 각각 적합한 사용용도가 있다.

개인적인 생각으로는
css는 전체적인 레이아웃과 분위기를 완성하는데, 꼭 필요한 요소라고 생각한다.
그렇기 때문에 css를 아예 이용하지 않는것을 지향하는 테일윈드만으로 이력서를 구성할때는
버벅거리기도 하고, 파일에 부차적인게 많이 붙어 있는 느낌이었다.
그리고 나중에 수정을 위해 html에서 특정 부분을 찾을때, class가 너무 많아서 찾는데 어려움이 있었다.

그렇다고 테일 윈드가 불편한 부분만 있는 것은 아니다.
html 만으로 수정하기 때문에 글씨를 굵게 하거나, 마진을 주거나 할때 굳이 css까지 가지않고, 고칠 수 있으니 훨씬 편리했다.

📍 이러한 장,단점을 살펴봤을때

css는 전체적인 레이아웃
부트스트랩은 레이아웃이 적용된 부분들에서 요소들을 찾기 수월
테일 윈드는 작은 부분들의 수정, 디테일에 적용하기 수월

이렇게 각각에 적합한 요소들이 있다고 생각한다.
우선은 css를 꼼꼼하게 배워서 적재적소에 편리한 라이브러리를 사용 할 수 있도록 해야겠다.👍

github


오늘 오후에는 우분투에 대한 실습을 진행했다.
완전 기초적인 명령어 몇가지 배운건데도 머리가 복잡해지기 시작했다.🤣

조금씩 차근히 명령어들 정리하는 시간들을 가지고 다시 한번 실습해보는 시간이 필요하다.

  • Mkdir 이름 (이름 디렉토리 만들기)

  • Rmdir 이름 (이름 디렉토리 지우기)

  • Pwd (현재페이지)

  • Clear (화면 깨끗히)

  • Ls (파일 안에 뭐가 있니?)

  • ls-a(숨김폴더까지 보여달라)

  • Ls - al(숨김폴더까지 리스트 형식으로 보여줘라) = ll

  • Cd 이름(이름 안으로 들어가자)

  • touch (파일 만들기)

  • Vi 파일이름 (이제 에디팅 하겠다.)

  • 입력:
    I (insert-끼워넣기) : 입력모드로 변경 a(커서 뒤로 입력) o(바로 다음줄에 입력)
    shift-i(맨앞에다 입력), shift-a (맨뒤로 입력)

  • 여기서 esc누르면 다시 명령 모드(안써짐)

  • :wq (입력모드에서 나가기)

  • dd(한줄 삭제)

  • yy(복사)

  • pp(붙여넣기)

  • Shift-v (다중 선택)

  • / (해당 글자 찾기)

  • Cat (해당 파일 전체읽기)

  • Shift + insert (붙여넣기)

  • More 파일 이름(해당 파일 나눠서 읽음)
    엔터 누르면 한줄씩, 스페이스(또는 z) 누르면 한페이지, b는 이전 페이지, q누르면 종료

  • Echo “어떤 단어” 어떤 단어 말함(print같이)

  • Echo “ 특정 단어 >text.txt 하면 test.txt로 특정 단어가 들어감

  • 해당 내용에 저장하고 싶을때 저장하고 싶은 내용 > 저장하고 싶은 파일 명(없으면 새로 생김)

  • Mv (move) mv 파일명 파일명 (이름이 바뀜)

  • Cd ~ 홈디렉토리로 들어감

  • Cd/ 가고싶은 파일명 (그 파일명으로데려다줌)

  • Cd .. 상위 디렉토리로

  • Cd / 최상위 디렉토리로

  • Cp 다른이름으로 저장(원래것 있고, 또 새로운 이름의 파일 생김)

  • 보통 디렉토리가 비어있지 않으면 지워지지 않음
    그럼 rm -r 로 지울 수 있는데, 이때 다시 복구 안되니까 조심조심

  • Wget 이미지 가져오는 명령어 (wget 주소)

  • Sudo apt-get. : 뭔가 다운 받을 때 필요한 것들

  • Sudo apt-get update : 업데이트 받겠다.

  • sudo apt-get install git (깃 다운 받겠다.)


오늘 꼭꼭 기억하고, 내일은 새로운 것들 넣자!!
내일도 이것만큼,이것보다 더 많이 배울거 같으니..
🤣

profile
개발자를 꿈꾸는 개린이입니다.

0개의 댓글