나는 이렇게 학습한다/Etc19 m1 맥북 ip주소 확인하는 방법 2가지 + ifconfig 에러 해결 맥북에서 ip주소를 확인하는 방법을 알려주겠다. 첫 번째는 시스템 환경설정에서 확인하는 방법이다. ip 주소가 딱 보인다. 두 번째는 터미널에서 확인하는 방법이다. 터미널에서 ifconfig | grep inet 이라고 치면 중간에 ip주소를 확인할 수 있다. 하지만, but 이렇게 명령어를 입력해도 찾을 수 없는 오류가 날 수도 있다. 이런 경우에는 터미널에 vi ~/.zshrc 명령어를 입력하고 환경변수를 열어 새로운 경로를 추가해야 한다. #zshrc export PATH="/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/bin:/usr/X11/bin" 추가한 후에는 위에 위에 처럼 정상적으로 작동하는 것을 볼 수 있다. 2021. 11. 28. git 이것만 알면 돼! git 기본 명령어 정리 1. 원하는 디렉토리로 들어가 git 초기화하기(깃 연동 준비) git을 사용하기 위해서는 우선 원하는 디렉토리(폴더)로 들어가 git을 초기화 해주어야 합니다. 초기화라고 해서 어렵게 생각하지 마시고 github과 연동하는 준비단계라고 봐주시면 됩니다. "이제부터 이 폴더를 github과 연동할거야"라고 선언하는 것이죠. git init 2. git 연동하기 연동할 준비를 마쳤으면 실제로 연동합니다. 깃헙의 레파지토리의 주소를 복사해 아래 명령어와 함께 실행합니다. git remote add origin [깃헙 레파지토리 주소] 3. git 올리기 그리고 log 확인 작업한 내용을 github에 올리기 위해서는 아래 세 단계가 필요합니다. 첫 번째는 git add입니다. 어떤 .. 2021. 11. 26. HTTP 를 알아보자 일반적으로 우리가 사용하는 인터넷은 HTTP를 사용한다. 1. HTTP란? HyperText Transfer Protocol 사전적 의미로 살펴보자면 다음과 같다. Hypertext : 하이퍼텍스트(문장 중의 어구나 그것에 붙은 표제, 표제를 모은 목차 등이 서로 연결된 문자 데이터 파일) Transfer : 장소를) 옮기다, 이동[이송/이전]하다 Protocol : 프로토콜, 통신 규약 즉, HTTP는 클라이언트와 서버 사이에 이루어지는 요청/응답(request/response) 프로토콜이다. 인터넷 데이터 통신 규약이라고 할 수 있다. 예를들어 우리가 그림을 요청하면 서버는 요청한 그림을 응답해주는데 이 과정이 HTTP 틀 안에서 이루어지는 것이다. 진짜진짜 쉽게 말해서 컴퓨터들끼리 HTML파일을 주.. 2021. 11. 13. 관대한 inline, 이기적인 block, 그리고 혼종 inline-block. HTML 처음 공부할 때 무조건 마주치는 문제 중 하나가 바로 inline, block 문제다... 나는 분명 한 줄에 넣고 싶은데 밑으로 내려가고.. 밑으로 내려갔으면 좋겠는데 한 줄에 다닥다닥 붙어버리고... 오늘은 이 문제를 해결해보도록 하겠다! 우선 이 문제들은 inline과 block, 두 개의 display 속성 때문에 벌어진 일이다. inline : 같은 줄에 위치 해도 Ok. 나는 관대하니까! block : 나는 하나의 블럭. 같은 줄에 나만 있어야 함! "하지만 나는 디스플레이 속성을 설정한 적이 없는걸..?🤔 " 물론 그럴 것이다. 왜냐햐면 위의 inline, block 속성은 각 태그 자체적으로 이미 가지고 있으니까! (그러니 자기들 맘대로 위치가 뒤죽박죽 되었던 것이다!) 자 그럼 .. 2021. 11. 2. CSS _ Position 3대장 을 만나보자. HTML로 웹페이지를 만들다 보면 내가 넣은 요소들이 내 맘대로 위치하지 않는다. (아주 자기들 멋대로다!) 그렇기 때문에 우리는 CSS 스타일로 내가 원하는 위치에 요소들이 위치할 수 있도록 position 속성을 조절해 주어야 한다. 자 그럼 이제부터 position 3 대장을 만나보자! 1 대장 relative -> 사전적 의미 : 상대적인 2 대장 absolute -> 사전적 의미 : 절대적인 3 대장 fixed -> 사전적 의미 : 고정된 사실 사전적 의미만으로 벌써 감이 잡힐 것이다. relative는 상대적으로 위치시키는 것이고 absolute는 절대적으로 위치시키는 것이고 fixed는 기냥 붙박이처럼 박제시키는 것이다! 설마 아직 감이 안 잡혔다고? 그럼 아래 예제 코드를 살펴보자! 1대장.. 2021. 11. 2. <img > 태그 와 {background-image} 의 차이를 알고 싶어? 웹페이지에 이미지를 넣는 방식은 크게 두 가지가 있다. 1번. HTML에서 태그를 활용해 넣는 방법. 2번. CSS 에서 background-image 속성을 활용해 넣는 방법. { background-image: url("이미지 링크"); } 그렇다면 이 둘의 차이점은 무엇인가? (줄여서 1번, 2번이라 지칭하겠음) 1번은 이미지 로딩이 실패할 때, alt="대체 메시지"로 대체 결과물을 출력할 수 있지만 2번은 그렇지 못하다. 1번은 HTML이 구문 분석될 때 요청이 이루어지므로 성능면에서 2번보다 좋다. 1번은 검색 엔진에서 색인을 생성하여 검색시에 노출이 되지만 2번은 자동으로 색인화하지 않기 때문에 검색 시 노출되지 않는다. (자세한 이유는 하단에) 그럼 이 둘을 어떨 때 사용하면 좋을까?.. 2021. 11. 1. 이전 1 2 3 4 다음
