muntari Log muntari Log

CSS에서 ID와 CLASS의 차이점은? id : 한 요소에만 사용하며 class : 여러 요소에 중복으로 사용이 가능한 스타일 정의법이다. 예를 들어 id를 사용하여 Tag 스타일을 정의할 경우 특정 한가지 특정 요소에 스타일을 적용하지만 class를 사용하여 스타일을 정의할 경우 동일한 class 명을 가지고 있는 모든 요소에 스타일을 적용할 수 있다. 즉, 아래와 같이 정리 할 수 있다. id : "유일"한 요소에 스타일을 적용. class: "복수"의 요소에 스타일을 적용. 만약 id가 여러개라면??? ㅁㅁㅁㅁㅁ 메뉴1 메뉴2 메뉴3 id는 한개의 태그에 독립적으로 존재해야하기 때문에 div 태그에는 어떠한 스타일도 적용되지 않는다. id = "menu"의 경우 문제 없이 스타일이 적용된다. li..

JS 파이썬처럼 생각하면서 JS로 풀면 더 어려웠음 function solution(numbers) { var answer = ''; // a = 6. b = 10 인경우를 생각 // 숫자로 정렬하면 [10, 6, 2] 가 되는데 문자열로 정렬하여 [6, 2, 10]가 되도록 만들어야함 answer = numbers.sort((a, b) => `${b}${a}` - `${a}${b}`).join('') // 0 인 경우 예외처리 && 문자열로 정렬햇기에 내부 번호들이 문자로 변경됨에 따른 "0"비교함 return answer[0] === "0" ? "0" : answer } Python 풀이 def solution(numbers): answer = '' # numbers의 원소인 1000이하 숫자 비교를..

DOM 설명하기 전에 앞서 브라우저에 대해 간단히 알아보자. 브라우저 브라우저의 사전적 정의는 인터넷상에서 웹에 연결시켜주는 윈도 기반의 소프트웨이이다. 흔히 크롬, 파이어폭스, 사파리, 오페라와 같은 것들이다. 브라우저의 핵심 기능 브라우저의 핵심 기능은 사용자가 참조하고자 하는 웹 페이지를 서버에 요청을 하고 서버로부터 응답을 받아 브라우저에 표시해 주는 것이다. 브라우저는 서버를 통해 HTML, CSS, JS, 이미지 파일 등을 응답받고 HTML, CSS 파일은 렌더링 엔진의 HTML 파서와 CSS 파서에 의해 파싱(Parsing)되어 DOM, CSSOM 트리로 변환되고 렌더 트리로 결합된다. 이렇게 생성된 렌더 트리를 기반으로 브라우저는 웹페이지를 표시한다. 이런 과정을 랜더링이라 표현한다. 위와..

배열 자바스크립트에서 배열은 사실 진짜 Array가 아니다. 즉, 배열의 요소를 위한 각각의 메모리 공간은 동일한 크기를 갖지 않아도 되며 연속적으로 이어져 있지 않을 수도 있다. 배열의 요소가 연속적으로 이어져 있지 않는 배열을 희소 배열(sparse array)이라 한다. 자바스크립트에서의 배열은 파이썬의 리스트와 마찬가지로 추상 자료형이다. 추상자료형이란 어떻게 구현되었는지 크게 신경쓰지 않고 기능에만 집중하여 사용할 수 있는 자료형이다. https://codermun-log.tistory.com/267?category=927598 자바스크립트의 배열은 배열이 아니다. 위에서 언급하였듯 정적/동적 배열의 경우 메모리의 특정영역에 연속적으로 공간을 할당하고 저장되는 특징이 있는데 자바스크립트의 배열에..

https://regexone.com/ RegexOne - Learn Regular Expressions - Lesson 1: An Introduction, and the ABCs Regular expressions are extremely useful in extracting information from text such as code, log files, spreadsheets, or even documents. And while there is a lot of theory behind formal languages, the following lessons and examples will explore the more prac regexone.com 정규표현식 연습 사이트! JS RegExp Reg..

자바스크립트의 객체 클래스 기반 언어처럼 속성과 행동으로 정의할 수 있다. 자바스크립트에서는 기본 데이터 타입을 제외한 모든 것이 객체이다. JS 객체 생성 방법 기본적인 생성방법이다. 정확하게 JS에서는 객체를 생성할때 프로토타입을 사용해 객체를 생성하는게 효율적이다. 1. 객체 리터럴 객체를 직접 정의 const person = { name: 'ㅁㅁㅁ', age: 99, move: function(des){ console.log(`이동 : ${des}`); }, eat: function(food){ console.log(`Eat : ${food}`); } } console.log(person.name); console.log(person.age); person.move('우리집'); person.ea..

원래 떨어진 테스트 후기는 쓰지 않는데, 이번만큼은 써보려 한다. 왜 쓰려고 하는지 이유를 나도 모르겠다. 그냥 쓰고 싶어 졌다. 코테는 자세히 이야기할 수 없지만! 나는 히든 테스트 케이스를 모두 통과한 문제도 있었으며 마지막 문제는 시간 부족으로 코드를 완성시킬 수 없었다. 사실 붙을 줄 알았다. 다 푼 사람도 있었고! 하나도 못 푼 사람도 있었다. 그래서 나까지는 커트라인에 걸칠 줄 알았다. 일단! CS지식 공부해야 한다. 처음 시험을 보면 비전공자는 거르겠다는 의미 인가로 받아들일 만큼이었다. 하지만 비전공자도 1차 합격한 사람이 꽤 많은 것 같다. 자가진단 문제는 정말 가볍게 풀 수 있어야 한다. 자가진단 이상의 난이도가 나왔다고 생각한다. 마지막 문제 또한 문제를 이해하는 것은 어려웠지만 시간..

Python 풀이 하루에 완성되는 개발을 고려내기 위해 Time 변수를 어떻게 사용햇는지 주목하자!!! from collections import deque """ Time 을 이용한 조건문 구성하기""" def solution(progresses, speeds): answer = [] p = deque(progresses) s = deque(speeds) time = 0 count = 0 while p: # print(f'1 : P : {p}, tiem : {time} , Count : {count}') if p[0] + time * s[0] >= 100: # print(f'22 : P : {p}, tiem : {time} , Count : {count}') p.popleft() s.popleft() ..