사이먼's 코딩노트

[밑줄 효과 만들기]이번에는 각 메뉴에 마우스를 올려놓았을 때 밑줄이 그려지는 효과를 적용해봅시다.테일윈드를 사용하여 HTML 자체에서 클래스명을 통해 기본 디자인을 주는 방법도 함께 적용해봅시다.See the Pen 밑줄효과 by psm817 (@psm817) on CodePen.각 메뉴의 이름이 작성된 span 태그에서 position: relative를 적용한다.밑줄이 새겨질 부분은 ::after를 사용하여 배경 색을 칠해줘야 한다.after에 포함된 속성은 position: absolute와 실제 부모 격인 span 태그의 글자를 기준으로 아래에 있어야하고 왼쪽부터 그려져야되기 때문에 left: 0, top: 100%를 적용한다.top: 100% 대신 bottom: 0을 하게되면 밑줄의 heig..

[리눅스 기본 명령어]이번 포스팅에서는 리눅스에서 가장 기본적으로 사용되는 명령어에 대해서 알아봅시다.일반적으로 Windows 운영체제에서는 일반 cmd창에서 리눅스 명령어를 사용할 수 없기 때문에 Virtual Box를 통해 Ubuntu를 설치하기도 하는데, 이번 명령어 실습은 간단하게 git bash를 통해 연습해도 무방하다.Mac OS는 Windows와 다르게 기본 터미널에서 리눅스 명령어를 사용할 수 있다. [명령어 모음집]ls : list라는 뜻으로 전체 파일 리스트 출력한다.ls -l : 파일 리스트을 출력하는데 ls보다 더 자세한 정보를 출력한다.ll : ls -l과 같은 기능을 하지만 Mac Os에서는 사용할 수 없는 명령어다. ls -al : ls -l를 통한 정보에서 숨김파일을 포함하여..

[Linux 소개]이번 포스팅에서는 리눅스에 정의에 관련하여 몇 가지 소개하고자 한다. [Linux란?]Linux(리눅스)는 리누즈 토발즈에 의해 만들어진 컴퓨터 운영체제로 자유 소프트웨어와 오픈 소스 개발의 가장 유명한 표본이다.컴퓨터 역사상 가장 많은 참여자가 관여하고 있는 오픈 소스로 누구나 개발에 참여하고 코드를 볼 수 있는 프로젝트이다.리눅스는 GNU 프로젝트의 일환으로써 GNU 프로젝트란 GNU is not Unix의 줄임말로, 리처드 스톨먼의 주도하에 시작된 공개 소프트웨어 프로젝트이다.우리가 보편적으로 많이 사용하는 Windows도 OS 중에 하나이며, Linux는 서버 관리 용도로 많이 사용한다. [리눅스 구조]리눅스의 구조는 응용프로그램, Shell, Kernel, 하드웨어 4가지로 분..