본문 바로가기
  • 커뮤니티
  • 블로그
  • 북마크

2024/047

[SASS]SASS,SCSS 어느것을 사용하면 좋을까? 차이점 살펴보기 초기 버전의 Sass는 들여쓰기를 사용하여 구문을 정의하는 특이한 문법을 가졌습니다.그러나 이러한 문법은 일부 사용자에게 혼란을 줄 수 있었고, CSS와의 호환성이 떨어졌습니다. 이에 따라 나중에 SCSS가 도입되었습니다. SCSS는 CSS와 거의 동일한 구문을 가지고 있기 때문에 CSS를 작성하던 개발자들이 쉽게 스위칭할 수 있었습니다. 또한 SCSS는 중괄호 {}와 세미콜론 ;을 사용하여 구문을 정의하기 때문에 CSS와의 호환성이 더 높았습니다. 이러한 이유로 SCSS가 Sass보다 더 인기 있고 널리 사용되고 있습니다. 결국, Sass와 SCSS는 모두 Sass의 구현 형태 중 하나이며, 프로젝트에 따라 선택할 수있습니다. 그러나 대부분의 경우 SCSS가 더 일반적으로 사용되며, Sass보.. 2024. 4. 25.
[SCSS]SCSS문법과 예시 SCSS (Sassy CSS)는 Sass의 주요 구현 중 하나로, CSS와 거의 동일한 구문을 사용하며 Sass의 모든 기능을 지원합니다. SCSS는 중괄호 {}와 세미콜론 ;을 사용하여 CSS와 같은 구문을 사용하기 때문에 CSS 코드를 유효한 SCSS로 변환하는 것이 쉽습니다. 1.변수 (Variables)$ 기호를 사용하여 변수를 정의할 수 있습니다.$primary-color: #FF6347; 2.중첩 (Nesting)CSS 선택자를 중첩하여 코드의 가독성을 높일 수 있습니다..container { width: 100%; .header { background-color: #333; color: #FFF; }} 3.Mixin재사.. 2024. 4. 25.
[Javascript]코딩테스트 프로그래머스 "배열의 길이에 따라 다른 연산하기" 풀이 코딩테스트 연습 > 코딩 기초 트레이닝 > 배열의 길이에 따라 다른 연산하기문제 설명정수 배열 arr과 정수 n이 매개변수로 주어집니다. arr의 길이가 홀수라면 arr의 모든 짝수 인덱스 위치에 n을 더한 배열을, arr의 길이가 짝수라면 arr의 모든 홀수 인덱스 위치에 n을 더한 배열을 return 하는 solution 함수를 작성해 주세요. 제한사항1 ≤ arr의 길이 ≤ 1,0001 ≤ arr의 원소 ≤ 1,0001 ≤ n ≤ 1,000 입출력 예arr[444, 555, 666, 777][444, 655, 666, 877]n27100result[76, 12, 127, 276, 60][444, 655, 666, 877] 입출력 예 설명입출력 예 #1- 예제 1번의 arr의 길.. 2024. 4. 25.
[Javascript]코딩테스트 프로그래머스 "뒤에서 5등까지" 풀이 코딩테스트 연습 > 코딩 기초 트레이닝 > 뒤에서 5등까지문제 설명정수로 이루어진 리스트 num_list가 주어집니다. num_list에서 가장 작은 5개의 수를 오름차순으로 담은 리스트를 return하도록 solution 함수를 완성해주세요. 제한사항- 6 ≤ num_list의 길이 ≤ 30 - 1 ≤ num_list의 원소 ≤ 100 입출력 예num_list[12, 4, 15, 46, 38, 1, 14] result[1, 4, 12, 14, 15] 입출력 예 설명입출력 예 #1- [12, 4, 15, 46, 38, 1, 14]를 정렬하면 [1, 4, 12, 14, 15, 38, 46]이 되고, 앞에서 부터 5개를 고르면 [1, 4, 12, 14, 15]가 됩니다.  문제 .. 2024. 4. 25.
[Javascript]코딩테스트 프로그래머스 "정수" 부분 풀이 코딩테스트 연습 > 코딩 기초 트레이닝 > 정수 부분문제 설명실수 flo가 매개 변수로 주어질 때, flo의 정수 부분을 return하도록 solution 함수를 완성해주세요. 제한사항0 ≤ flo ≤ 100 입출력 예flo result1.42 169.32 69 입출력 예 설명입출력 예 #1- 1.42의 정수 부분은 1입니다. 입출력 예 #2- 69.32의 정수 부분은 69입니다. 문제 풀이let solution = (flo) => Math.floor(flo);console.log(solution(3.534423)); //확인 풀이 설명Math.floor정적 Math.floor()메서드는 항상 반올림하여 주어진 숫자보다 작거나 같은 가장 큰 정수를 반환합니다... 2024. 4. 25.
[맛집]서울 근교 아는사람만 간다는 남양주 마석 솥뚜껑 닭볶음탕(매운탕) 서울 근교에 맛집을 찾고 있다면, 드라이브하면서 출출할 때 들려도 좋을듯하다.참고할 사항은 오전 11시 오픈인데, 오전에 갈려면 10시반~11시 사이에 미리 주차해놓고 예약 걸어두는 걸 추천한다.(늦게 가면 기본 웨이팅 100팀정도..된다) 오후 7시까지 주문을 받기때문에 오후에 갈려면 그전에 가야할것이다. 가성비가격은 일반 닭볶음탕 음식점과 비슷하다.개인적으로 맛은 보통에서 조금 더 맛있는 정도? 인데 솥뚜껑에 조리를 하니, 다른 식당과 차별화된 부분이다. 가격은 다른 식당과 별반 차이가 없다.  오뎅사리는 솔직히 좀 작고, 수제비 사리는 몇개 없다.감자사리도 있는데 감자 좋아하시면 추가하는 걸 추천한다.  매운탕은 먹진 못해봤지만, 닭볶음탕을 감안했을때 맛있을거라고.. 2024. 4. 24.
[자동차]벤츠 c300 AMG Line 신형 풀체인지(w206) 한달 주행후 장단점 정리 c300 뽑은 지 한 달이 조금 넘은듯하다. 한 달여간 1,200킬로 정도 타면서 장단점과 개인적인 생각을 작성해 본다. 장점 1. 디자인 사람이든, 물건이든, 자동차든 시각적인 요소가 제일 먼저 다가온다. 그다음이 성격, 실용성, 성능이 좋은가를 따지게 마련이다. 이렇듯 디자인은 어떤 걸 선택하고 판단하는데 매우 중요한 요소이다. 개인마다 선호하는 디자인의 차이는 있지만, 대중적으로 볼 때 c300(w206) 디자인은 대부분 괜찮다고 평가하고 있고, 나 역시도 그렇다. 특히나 실내 디자인 감성은 호불호가 크지 않다. 그래서 벤츠를 여성 오너들이 더 선호하는 이유이다. 2. 안전한 주행감과 스피드 차체가 낮은 디자인과 마력도 한몫하겠지만, 고속주행은 정말 만족스러웠다. (조수석에 탄 사람이 아주 흡족해함.. 2024. 4. 4.

티스토리툴바