코딩테스트 연습 - 2차원으로 만들기 | 프로그래머스 스쿨 (programmers.co.kr)문제 설명정수 배열 num_list와 정수 n이 매개변수로 주어집니다. num_list를 다음 설명과 같이 2차원 배열로 바꿔 return하도록 solution 함수를 완성해주세요.num_list가 [1, 2, 3, 4, 5, 6, 7, 8] 로 길이가 8이고 n이 2이므로 num_list를 2 * 4 배열로 다음과 같이 변경합니다. 2차원으로 바꿀 때에는 num_list의 원소들을 앞에서부터 n개씩 나눠 2차원 배열로 변경합니다.num_listnresult[1, 2, 3, 4, 5, 6, 7, 8]2[[1, 2], [3, 4], [5, 6], [7, 8]]1. array를 n으로 나누어 반복.  for(let ..

1. 문자열 반복 https://school.programmers.co.kr/learn/courses/30/lessons/181940Programers/프로그래머스/0/181940. 문자열 곱하기 at main · KimGrang/Programers (github.com)가장 먼저 떠오른 for문 사용하기.function solution(my_string, k) { let answer = '' for(let i=0;i파이썬으로 하면 for문을 쓸 이유 조차 사라진다.def solution(my_string, k): answer = my_string*k return answer  2. 정수 찾기 https://school.programmers.co.kr/learn/courses/30/..

1. 회원가입에 grid, flex 적용해서 개선해보기.배운 내용 정리 PositionCSS에서 position 속성은 HTML 요소의 페이지 레이아웃 내 위치를 지정할 수 있게 해줍니다. 요소를 정밀하게 배치하는 데 강력한 도구입니다.Position의 종류Static: 기본 위치 지정입니다. 요소는 문서의 정상 흐름에 따라 배치됩니다.Relative: 자신의 정상 위치를 기준으로 배치됩니다.Absolute: 가장 가까운 위치 지정 조상(Static 제외)을 기준으로 배치됩니다.Fixed: 브라우저 창을 기준으로 배치됩니다.Sticky: 사용자의 스크롤 위치에 따라 배치됩니다.Z-Indexz-index 속성은 요소의 쌓임 순서를 결정합니다. 더 높은 값은 해당 요소가 더 낮은 값의 요소 앞에 나타나게 합..

css 선택자* 전체 선택자 이름 그대로. 문서 전체에 영향타입(유형)선택자특정 태그 선택 ( ex : h1, p...)아이디 선택자(#)해당 아이디의 객체 선택. id가 유일해야 하는 이유.클래스 선택자(.)한 페이지 내에 여러개 존재 ok. 높은 재사용성특성 선택자 ([])주어진 특성을 가지는 모든 요소 선택그룹 선택자 (,)여러개 선택복합 선택자자손 선택자 (  ) 공백자식 자손 모두 선택 가능자식 선택자 (>)직계만 선택형제 선택자 (-)인접 형제 선택자 (+)가상 클래스 선택자 :first-child 첫째 선택:last-child 막내 선택:nth-child 형제간 순서에 따른 선택:not 부정 선택자 입니다선택자 우선순위inline-style - 1000id 선택자 # - 100class . ..

내용 정리Form : 사용자로부터 정보를 입력받아 제출하기 위한 대화형 태그. 단순히 입력받은 값을 화면에 뿌리는 용도 외의 사용이 필요할 경우 사용.method : 양식제출 시 사용할 http 메서드post : 양식 데이터를 전송. 브라우저에 캐시 되거나 히스토리에 남지 않음. 데이터와 쿼리 별도 전송. 길이제한이 없고, get보다 보안성 높음.enctype : 양식 제출 시 데이터 MIME타입을 나타낸다.application/x-www-form-urlencoded : 기본값multipart/form-data : 이 존재하는 경우 사용get : 양식 데이터를 URL과? 구분자 뒤에 이어 붙여 전송. 요청이 브라우저에 캐시 되어 저장됨.쿼리 문자열에 포함되어 전송되기 때문에 길지에 한이 있다. 보안상 취..

Day 1. 웹 & HTML시멘틱 태그를 사용하는 이유와 시멘틱 태그로 페이지 분해해보기.(참고 : 시맨틱 태그 (Semantic Tag)란? - 태그 요소의 종류와 이점 - TBWA 데이터랩 (tbwakorea.com))Semantic : 의미, 의미론적인 -> Semantic Tag 태그에 의미를 부여하는 것포함된 콘텐츠의 특정 의미를 정의.  (, , , , , 등)논리적 섹션으로 구성하고 각 부분의 역할과 기능을 전달 웹사이트의 구조를 파악하기 쉽도록 명시적이고 직관적 설계 가능종류 : HTML5: HTML elements (w3.org) 참고포트폴리오 페이지 구성을 위한 기본 뼈대 만들기. - CSS를 배우며 Develop 시킬 예정 ex) 자료 조사 및 시멘틱 태그를 적용하여 그려보기.웹 브라..