전체 글

결론부터 SASS 와 SCSS 라는 것을 사용하는 이유는? → CSS를 편리하게 이용하기 위해서 SASS & SCSS 를 사용한다 CSS 의 문제점 CSS는 그 자체로도 충분히 훌륭한 형식 언어이다. 그러나 CSS는 규모가 커질수록 코드가 복잡해지고, 유지보수가 불편해진다. (간단한 웹 사이트도 CSS 코드는 몇천 줄을 쉽게 넘긴다...) CSS 내 반복되는 내용은 줄이고 보다 효율적으로 스타일시트를 관리할 수는 없을까요?? → SASS & SCSS 를 사용하기 근데 SASS 와 SCSS의 차이점은 ? → 그냥 같은거라고 생각하면 마음이 편하다 💡 참고) SASS가 먼저 생기고 그 다음에 SCSS가 생겼다! 그래서 난 그냥 SCSS를 사용하자 (최신게 좋자나) 굳이 차이점을 따지자면? 확장자 문법 두가지..
https://school.programmers.co.kr/learn/courses/30/lessons/42577 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1차 풀이 일단 딱 봐도 효율성 문제 때문에 통과 안될거 알지만 이중 loop로 전화번호를 대조하는 방법으로 풀어봤다 def solution(phone_book): answer = True # 이중 loop로 비교 for i in range(len(phone_book)): for j in range(i+1, len(phone_book)): if phone_book[i] in phone_book[j..
https://school.programmers.co.kr/learn/courses/30/lessons/42587 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 일단 문제가 엄청 어렵다............. 으음....... 솔직히 너무 어려워서 참고안하고서 못풀었다... 검색해보니 그냥 큐(Queue)나 우선순위큐(Priority Queue)를 사용하면 된다고 한다. 그래서 deque를 이요하면 쉽게 풀 수 있다고한다. 1차 풀이 deque를 이용해서 FIFO 형식으로 풀었다 그리고 튜플을 이용해서 처음 위치를 저장시켰다! from collection..
https://school.programmers.co.kr/learn/courses/30/lessons/17677 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1차 풀이 일단 함수를 통해 입력 문자열을 2개씩 나누어서 리스트에 저장했다 그 후 set 함수를 통해 교집합, 합집합을 구할려 했다 거의 다 풀었는데 이렇게 풀면 안된다는 것을 깨달았다..... 이 문제에서는 set 함수를 통해 중복을 제거하면 안된다 왜냐믄 A = ['aa', 'aa'] 와 B = ['aa', 'aa', 'aa'] 가 있을 경우에는 set 함수를 사용하면 교집합은 ['aa'] ..
https://school.programmers.co.kr/learn/courses/30/lessons/42578 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 풀이 Hash 형식으로 풀었다 너무 어려웠다........ 마지막에 옷 조합을 생각하는게 힘들었다. 힌트를 보고 말았다.. 근데 안보고 했으면 못 풀었을듯 사실상 조합은 수학문제 같다 옷을 입을 경우, 안 입을 경우 두가지를 생각하는게 중요했다. 예를 들어 모자와 안경 두가지의 종류가 있을 경우의 수 (모자, 안경) (0, 0) (1, 0) (0, 1) (1, 1) 총 4 가지 인데 둘다 안입었을..
·Docker
Docker 없이 웹서버를 사용하는 방식 웹 브라우저랑 웹 서버의 2대의 컴퓨터가 필요하다. 웹 서버에는 Apache를 이용하고 있고 브라우저가 웹 서버의 index.html 파일에 접근하고 싶을 때. 80번 포트로 접속 Docker 를 이용할 경우 도커를 이용할 경우는 지금 까지 봤던 웹서버가 하나의 container가 된다. 그리고 container를 갖고있는 운영체제를 Host라고 부른다. container를 가지고 있는 host는 컴퓨터이기 때문에 그에 따른 host의 file system이나 port를 또 가지고 있다. container와 host 는 둘다 독립적인 실행환경이기 때문에 그에따른 독립적인 port와 file system을 가지고 있다. 그래서 단지 https://www.exampl..
·Docker
Docker 공식 문서 사이트 docker docker: The base command for the Docker CLI. docs.docker.com 🐋 docker search Docker Hub에서 image 찾기 (star가 많고, official이면 그 만큼 신뢰성 up!) PS C:\Users> docker search wordpress NAME DESCRIPTION STARS OFFICIAL AUTOMATED wordpress The WordPress rich content management system… 5089 [OK] bitnami/wordpress Bitnami container image for WordPress 211 [OK] 🐋 docker pull image를 pull 하기 ..
·Docker
ㅇ도커를 가장 쉽게 이해해 보자! Docker (도커) Docker의 사전적 의미: 부두에서 컨테이너를 다루는 노동자 → 컨테이너라는 게 도커를 이해하는데 중요한 개념이 된다. 근데 왜 로고에 고래가? → 그냥 고래가 회사를 잘 나타내서 쓴 듯.. (고래가 많은 콘테이너를 당신에게 전달하기 위해 나르고 있다는 뜻을 갖고있는다고 한다) “the whale is carrying a stack of containers on its way to deliver those to you”. Container 가 뭔데?? 우리는 선박 컨테이너가 가장 먼저 떠오를 것이다. 컨테이너는 다양한 물건을 저장하고, 목적지까지 운반하는 데 사용한다. 이러한 컨테이너의 개념을 컴퓨터, 소프트웨어 상에서 이용하기 때문에 도커라는 게..
찌르비
아주 쉽게 정리한 블로그