프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr ※ 문제설명  코딩테스트를 준비하는 머쓱이는 프로그래머스에서 문제를 풀고 나중에 다시 코드를 보면서 공부하려고 작성한 코드를 컴퓨터 바탕화면에 아무 위치에나 저장해 둡니다. 저장한 코드가 많아지면서 머쓱이는 본인의 컴퓨터 바탕화면이 너무 지저분하다고 생각했습니다. 프로그래머스에서 작성했던 코드는 그 문제에 가서 다시 볼 수 있기 때문에 저장해 둔 파일들을 전부 삭제하기로 했습니다.  컴퓨터 바탕화면은 각 칸이 정사각형인 격자판입니다. 이때 컴퓨터 바탕화면의 상태를 나타낸 문자열 배열 wallpaper가 주어집니다..

프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr ※ 문제설명  카카오에 입사한 신입 개발자 네오는 "카카오계정개발팀"에 배치되어, 카카오 서비스에 가입하는 유저들의 아이디를 생성하는 업무를 담당하게 되었습니다. "네오"에게 주어진 첫 업무는 새로 가입하는 유저들이 카카오 아이디 규칙에 맞지 않는 아이디를 입력했을 때, 입력된 아이디와 유사하면서 규칙에 맞는 아이디를 추천해주는 프로그램을 개발하는 것입니다. 다음은 카카오 아이디의 규칙입니다.1. 아이디의 길이는 3자 이상 15자 이하여야 합니다.2. 아이디는 알파벳 소문자, 숫자, 빼기(-), 밑줄(_), 마침..

프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr ※ 문제설명  AI 엔지니어인 현식이는 데이터를 분석하는 작업을 진행하고 있습니다. 이 데이터는 다음 표처럼 나타낼 수 있습니다. 데이터는 ["코드 번호(code)", "제조일(date)", "최대 수량(maximum)", "현재 수량(remain)"]으로 구성되어 있으며 현식이는 이 데이터들 중 조건을 만족하는 데이터만 뽑아서 정렬하려 합니다. 예를 들어 다음과 같이 데이터가 주어진다면,data = [ [ 1, 20300104, 100, 80 ], [ 2, 20300804, 847, 37 ], [ 3, 2030..

📌 폼 구성하기  폼(form)은 HTML에서 사용자와 상호작용해서 정보를 입력받고 서버로 전송하기 위한 양식을 의미한다. 실제로 웹 페이지에서 폼은 흔하게 찾아볼 수 있다. 예를 들어, 네이버 로그인 화면에는 아이디와 비밀번호를 입력하는 요소와 로그인 상태 유지를 설정하는 체크박스, 버튼 요소까지 다양한 상호작용 요소가 있다.  ▶︎ form 태그  form 태그는 폼 양식을 의미하는 태그이다. 그래서 HTML의 폼을 구성하는 태그는 모두 form 태그 안에 작성해야 한다. 또한 아래 코드를 통해 알 수 있듯이, form 태그는 action과 method 속성을 함께 사용한다.  ➀ action 속성 action 속성에는 폼 요소에서 사용자와 상호작용으로 입력받은 값들을 전송할 서버의 URL 주소를 ..

📌 텍스트 작성하기 ➞ 텍스트는 일반적인 설명일 수도 있고, 글의 제목이나 부제목일 수도 있고, 다른 인물의 말을 인용한 것일 수도 있다.➞ 이처럼 다양한 텍스트를 작성할 때는 어떤 태그를 사용하는지 살펴보자.▶︎ hn 태그 ➞ hn태그는 h1 부터 h6 태그까지 6개가 있다.➞ h는 heading을 의미하고, n에 들어가는 숫자는 중요도를 나타낸다.➞ 중요도가 가장 높은 h1 태그가 글자가 가장 크고 굵고, h6 태그로 갈수록 작고 가늘어진다. ▶︎ p 태그 ➞ p 태그는 본문의 문단(paragraph)을 작성할 때 사용한다.➞ HTML에서는 제목이나 주제를 나타내는 텍스트가 아니면 대부분 본문이기에 p 태그를 자주 사용한다. 하나의 문단을 작성할 때는 p 태그를 사용합니다. ▶︎ br 태그 ➞ br..

프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr ※ 문제설명  햄버거 가게에서 일을 하는 상수는 햄버거를 포장하는 일을 합니다. 함께 일을 하는 다른 직원들이 햄버거에 들어갈 재료를 조리해 주면 조리된 순서대로 상수의 앞에 아래서부터 위로 쌓이게 되고, 상수는 순서에 맞게 쌓여서 완성된 햄버거를 따로 옮겨 포장을 하게 됩니다. 상수가 일하는 가게는 정해진 순서(아래서부터, 빵 – 야채 – 고기 - 빵)로 쌓인 햄버거만 포장을 합니다. 상수는 손이 굉장히 빠르기 때문에 상수가 포장하는 동안 속 재료가 추가적으로 들어오는 일은 없으며, 재료의 높이는 무시하여 재료..

프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr ※ 문제설명  각 칸마다 색이 칠해진 2차원 격자 보드판이 있습니다. 그중 한 칸을 골랐을 때, 위, 아래, 왼쪽, 오른쪽 칸 중 같은 색깔로 칠해진 칸의 개수를 구하려고 합니다.  보드의 각 칸에 칠해진 색깔 이름이 담긴 이차원 문자열 리스트 board와 고른 칸의 위치를 나타내는 두 정수 h, w가 주어질 때 board[h][w]와 이웃한 칸들 중 같은 색으로 칠해져 있는 칸의 개수를 return 하도록 solution 함수를 완성해 주세요. ※ 문제 핵심 1. 정수를 저장할 변수 n을 만들고 board의 길..

📌 HTML 구성 요소 ▶︎ 태그 ➞ 웹 페이지를 구성하는 요소는 텍스트, 이미지, 버튼 등으로 매우 다양하다.➞ 태그는 다양한 구성 요소를 정의하는 역할을 하고, HTML 문법을 이루는 가장 작은 단위이다.➞ 기본 형식은 다음과 같이 홑화살괄호( ) 사이에 태그명을 넣는 형태를 이룬다.   ▶︎ 속성 ➞ 속성은 태그에 어떤 의미나 기능을 보충하는 역할을 한다. ➞ 즉, 옵션과 같은 의미로 사용하든 안하든, 또는 여러 개를 사용해도 된다.➞ 기본 형식은 다음과 같이 속성명과 속성값으로 구성된다.➞ 속성명은 따옴표 없이 작성하고, 속성값은 큰따옴표(" ") 안에 쉼표( , )로 구분해 값을 나열한다.   ▶︎ 문법 ➞ HTML은 태그와 속성으로 문법을 구성한다.➞ 문법은 크게 컨텐츠가 있는 문법과 컨텐..