깡뇽

변수 변수는 컴퓨터 메모리에있는 정보의 작은 컨테이너라고 할 수 있다. 사용자 이름, 계정 번호 또는 개인화 된 인사말과 같은 정보를 변수에 저장하면 메모리에서 찾을 수 있다. 즉, 변수는 메모리에 데이터를 레이블링하고 저장한다. ① 설명이 포함된 이름으로 변수를 만든다. ② 변수에 저장된 정보를 저장하거나 업데이트한다. ③ 변수에 저장된 참조 또는 "가져 오기"정보 * 2015년 JavaScript ES6 버전에 많은 변경 사항이 도입되었고, 가장 큰 변경 사항 중 하나는 변수를 만들거나 선언하기 위해 사용되는 두 개의 새로운 키워드가 바로 let과 const 이다. 변수 만들기 : var var 키워드 : 변수 선언에 사용되며 ES6 이전에는 var 키워드만 사용할..

콘솔(Console) 콘솔은 개발자에게 오류와 같은 중요한 메시지를 표시하는 패널이다. 컴퓨터가 코드로 하는 작업들은 기본적으로 우리 눈에 보이지 않아서 콘솔에 직접 프린트하여 화면에 내용을 표시하고 볼 수 있다. ▶ console 키워드 : 코드에서 사용할 수 있는 객체, 데이터 및 작업 모음을 나타낸다. ▶ .log() 메서드 : console.log()로 사용하여 괄호 안에 넣은 내용을 콘솔에 프린트한다. ex) 콘솔에 5를 출력한다. console.log(3); +) 세미콜론은 줄 또는 문장의 끝을 나타내고, JavaScript에서 코드는 일반적으로 세미콜론없이도 실행되지만 세미콜론으로 각 문장을 끝내는 습관을 익히는 것이 좋다. 주석 주석은 코드가 수행하는 작업을 설명하고 코드를 사용하는 개발자..

보호되어 있는 글입니다.

20361번 일우는 야바위꾼 파이썬 풀이 [시도1] pypy3 시간 초과 n, x, k = map(int, input().split()) turn = [list(map(int, input().split())) for _ in range(k)] cup = [0] * n cup[x-1] += 1 for i in range(0, k): for j in range(0, 2): if turn[i][j] == cup.index(1)+1: if j == 0: cup[turn[i][j]-1] -= 1 cup[turn[i][j+1]-1] += 1 break else: cup[turn[i][j]-1] -= 1 cup[turn[i][j-1]-1] += 1 print(cup.index(1)+1) => 좀 더 효율적으로 코드를..

202999번 3대 측정 파이썬 풀이 [시도1] pypy3 출력 초과 n, k, l = map(int, input().split()) arr = [list(map(int, input().split())) for _ in range(n)] count = 0 cnt = '' for i in range(0, n): sum = 0 sum = arr[i][0] + arr[i][1] + arr[i][2] if sum >= k and arr[i][0] >= l and arr[i][1] >= l and arr[i][2] >= l : count = count + 1 cnt = cnt + str(i) print(count) for i in range(0,len(cnt)): for j in range(0,3): print(..

그리드(Grid)란? CSS Grid를 사용하여 전체 웹 페이지를 배치할 수 있다. Flexbox는 주로 1차원 레이아웃에 항목을 배치하는 데 유용하고, CSS 그리드는 2차원 레이아웃에 가장 유용하며 행과 열 모두에서 요소를 정렬하고 이동하는 데 사용할 수 있는 많은 도구를 제공한다. Grid 생성 그리드를 설정하려면 grid container와 grid items가 있어야 한다. 그리드 컨테이너는 그리드 항목을 자식으로 포함하고 전체적인 스타일과 위치를 적용하는 부모 요소이다. HTML 요소를 그리드 컨테이너로 전환하려면, 요소의 display속성을 grid(블록 수준 그리드의 경우) 또는 inline-grid(인라인 그리드의 경우)로 설정해야한다. 그런 다음 다른 속성을 할당해서 그리드를 배치해야 ..

그리드(Grid) 란? 그리드는 교차하는 수평선과 수직선으로 구성된다. ex) 지도 속 거리들 - 도시 레이아웃에 명확한 구조를 형성. 그리드 시스템은 디자인을 구성하는 데 도움이 되며 페이지의 요소를 적절하게 정렬하기 위한 일련의 지침을 제공한다. 그리드는 일관성을 촉진하여 디자인 전체에 적용할 반복 패턴을 구축할 수 있다. → 반복 사용을 통해 웹 사이트 사용에 대한 학습을 빠르게 할 수 있으므로 사용자가 콘텐츠를 명확하게 탐색하고 사용할 수 있다. 그리드 유형 원고 스타일 그리드(manuscript-style grid), 블록 그리드(block grid)와 같이 텍스트를 구조적으로 보이기 위한 그리드 유형이 있다. 웹 디자이너가 사용하는 가장 일반적인 그리드 유형은 열 그리드(column grid)..

보호되어 있는 글입니다.

반응형 웹 디자인 화면 크기는 기기에 따라 크게 다를 수 있으므로 웹 사이트에서 모든 크기의 화면에 가장 잘 맞도록 콘텐츠의 크기를 조정하고 재구성하는 것이 중요함. → 웹 사이트가 표시되는 화면의 크기에 반응하는 것을 반응형 웹 사이트라고 함. ⤷ 반응형 웹 디자인 설명 사이트 www.taniarascia.com/you-dont-need-a-framework/ Understanding the Fundamentals of Responsive Design Responsive web design is an approach to creating websites in which the layout adapts to fit the device's screen - whether it's a phone… www.ta..

반응형 웹사이트 디자인이란? 디자인과 개발이 화면 크기, 플랫폼 및 방향 같은 사용자의 행동과 환경에 반응하는 것을 말한다. → 웹사이트에 있는 다른 콘텐츠의 크기와 웹사이트를 보고 있는 화면의 크기를 기반으로 콘텐츠의 크기를 조정하고 재구성한다. Pixel(픽셀)은 고정된 하드 코딩 값. 즉, 화면 크기가 변하면 픽셀 크기의 요소가 너무 작게 보이거나 화면을 넘치게 된다. → CSS를 사용하여 하드 코딩 측정을 피하고 상대 측정을 사용해야 한다. ∴ 상대 측정을 통해 화면 크기나 레이아웃에 관계없이 웹 사이트의 비율을 유지시킬 수 있다. ⤷ 반응형 웹 디자인에 대해 자세히 설명하고 있는 사이트 www.smashingmagazine.com/2011/01/guidelines-for-responsive-we..

주요 내비게이션 vs 보조 탐색 주요 내비게이션은 일반적으로 사이트의 모든 페이지에 표시되어야 하는 가장 중요한 링크와 버튼을 가지고 있다. 보조 탐색은 일반적으로 현재 페이지로 연결되는 클릭 가능한 페이지 또는 속성으로 구성된다. 보조 탐색 보조 탐색(Secondary navigation or breadcrumb navigation)은 헨젤과 그레텔 이야기에서 길을 잃은 아이들이 돌아갈 길을 찾을 수 있도록 해 준 "빵 부스러기"의 의미를 가진다. Breadcrumbs를 사용하면, 사용자가 사이트의 어느 위치에 있는지 빠르게 파악하고 사이트의 범위를 예측할 수 있음. 이동 경로는 일반적으로 페이지의 가로 형태로 표시되며 최소한의 공간을 차지함. 사용자는 헤더, 왼쪽 부분, 주요 내비게이션 아래 등에서 ..

브라우저 링크 스타일 일반적으로 파란색 텍스트와 밑줄을 사용하여 일반 텍스트와 구별하고 사용자의 주의를 끔. 아직 열리지는 않았지만 클릭한 링크는 빨간색 텍스트, 이전에 방문한 링크는 보라색 텍스트 스타일로 지정. + css 스타일링) 텍스트 밑줄 : text-decoration: underline; ⤷ text-decoration 정보 developer.mozilla.org/en-US/docs/Web/CSS/text-decoration 링크 스타일링 ★ 링크를 주변 텍스트와 구별해야 한다! 기본 파란색 텍스트는 밑줄 링크 스타일이 CSS 속성을 사용하여이 차별화를 수행 : color와 text-decoration. 링크의 텍스트 자체인 태그 안에 Anchor text는 링크 된 리소스를 설명함. }◎ ..