SK_MOUSE 개발일기

다음은 코드의 변수선언 설명이다. 기본 board 를 2차원 배열로 변환한 배열=> grid[m][n] 한 시행으로 동시에 삭제해야될 것들 위치 저장할 배열 => check[m][n] 1. board배열을 2차원배열로 변환한다. 2. 우선 (i,j)의 위치에서 (i,j+1),(i+1,j),(i+1,j+1)에 있는 것과 일치하면 check배열에 true로 위치를 기록한다. 3. 다음은 check배열을 순회하는데, 각 열별로 순회를하면서 지우지않아도 되는값만을 Queue에 넣어서 저장해놓는다. 동시에 check=true인 부분은 answer++를 해준다. 4. 저장해놓은 Queue를 poll()하면서 배열을 아래부터 채워올라오고, Queue.size()가 0이면 그부분부터 윗부분까지는 '@'로 채워준다. 5..

정규표현식으로 문제풀이를 하기위해서 좀 알아보았다. 문제에서 요구한 조건을 그대로 순서대로 구현한 필자의 코드이다. 2번은 Pattern, Matcher을 이용하여 틀에 맞지않는부분을 잘라버리는 방식이다. class Solution { public String solution(String new_id) { String answer = ""; new_id=new_id.toLowerCase(); //2 정규식 String temp=""; String pattern = "^[0-9a-z\\_\\-\\.]*$"; //숫자만 for(int i =0; i=1&&new_id.charAt(new_id.length()-1)=='.') new_id=new_id.substring(0,new_id.length()-1); //..

1. html태그에 직접 style로 지정하기 Hello world li 로 적용하면 border가 다 적용되는데 왜냐면 ol이 두개기 때문. 따라서 적용할 ol에 id를 "lecture"로 주어서 상속했다. 대등한관계로 따로 적용 ul,ol{ background-color: powderblue; } 3. 속성값 정리 div와 같은 영역 박스도 높이/너비가 정해지면 background가 보인다. 버튼위에 마우스가 올려져있을때(hover) button : hover{ color : red } padding은 컨텐츠 안의 공간 margin은 컨텐츠 밖의 공간 border은 컨텐츠 테두리 .div{ border : 6px dashed red; margin : 10px 10px 10px 10px; padding..

material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=283593 Color Tool - Material Design Create and share color palettes for your UI, and measure the accessibility of any color combination. material.io

HTML 구조를 볼때는 박스단위로 쪼개서 보고, 세부적으로 아이템은 사용자 입장에서 시각적인 UI이다. Block형(div)과 Inline형(span)을 잘 이용하여 배치하자. 1. HTML을 볼때는 크게 박스와 아이템으로 나눠서 볼 수 있다. Box는 Sectioning이 가능한것(눈에 보이지는 않는 틀) : 묶어서 스타일링할때 사용 Item은 사용자들에게 보여지는것들. HTML구조를 바라보는 관점 : Header안에 여러 박스가 존재한다...Body안에 여러 박스가 존재한다... 아래와같이 쪼개서 본다. React를 하나의 컴포넌트로 보지말고 최고로 작은 단위로 쪼개어서 작은 단위부터 개발하는 것이 필요하다. 2. HTML은 Block과 Inline 형태가 있다. Block은 각각 다른행으로 배열되고..

opentutorials.org/course/3084/18893 웹서버 운영 : 윈도우 - 생활코딩 자신의 운영체제에 맞는 수업을 찾아서 학습해주세요. 윈도우에 웹서버 설치 웹서버와 http 웹브라우저와 웹서버의 통신 --- 윈도우에 웹서버 설치 이번 시간에는 아파치 웹서버를 윈도우 컴퓨터 opentutorials.org 생활코딩에 나온방식대로 bitnami를여기서 설치했다. https://bitnami.com/stack/wamp WAMP Bitnami WAMP Stack provides a complete, fully-integrated and ready to run WAMP development environment. In addition to PHP, MySQL and Apache, it inclu..

아래 사이트에서 글을 정독하면서 글을 정리해보도록 하겠다. webberstudy.com/html-css/html-1/basic-knowledge/ HTML 기초 지식 HTML 기초 과정을 시작하기 위해 필요한 기본 지식을 다룹니다. 기본적인 태그의 명칭 요소(엘리먼트)와 속성(어트리뷰트)를 소개하고, 절대 주소와 상대 주소를 통해서 어떻게 URL 주소를 표현하 webberstudy.com 1. ABC'와 같이 '열리는 태그', '닫히는 태그'로 이루어진 태그가 있고, ' '와 같이 '스스로 닫는 태그'가 있다. 2. 태그의 호칭 웨버스터디 홈으로 가기 이러한 형식은 아래처럼 호칭을 부릅니다. 또는 요소 내용 3. a 요소에서 href 속성에 원하는 주소를 적어주면 a 요소가 감싸는 텍스트를 클릭 시에 해..

문제를 잘 읽자 백만번 제창하기 : 덧셈,뺄셈,곱셈,나눗셈 인줄 알고 경우의 수가 4!인줄알고 permutation(순열)을 고민했다. 그랬다면 Level3 문제였겠지. 덧셈,뺄셈,곱셈 세가지의 경우에만 해당하므로 3!=6가지 뿐이므로 순열부분을 수작업으로 처리했다. 그리고 만약 나눗셈까지 있었다면 고려해야될 예외사항이 많이 나와서 아마 문제에서 나눗셈은 뺀것같다. ex) 나누는값이 0인경우와 같은 상황. stack 복사 Stack stack = new Stack(); Stack t = (Stack) stack.clone(); t = stack; 이런식으로는 복사가 안된다. 따라서 반복문으로는 pop을 해야되므로 옮기기 힘드니깐 굳이 그러지말고 clone() 메소드를 이용하는것을 추천한다. 풀이 중위연산..

퍼블리싱이란 ? 웹/앱의 분야 중에 최종 단말기(예: 브라우저)에서 표현되는 내용을 작성하는 행위를 말합니다. publish(출판하다) + ing(~을 하는 중)의 합성어로서, 주로 html, css, javascript 와 같은 언어를 이용하여 브라우저에 보여지는 최종적인 형태를 만들어내는 것을 의미합니다. 1. HTML Hyper Text Markup Language 약어로 HyperText(웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것) 기능을 가진 문서를 만드는 언어다. 아래는 기본 HTML5 문서타입이다. DOCTYPE 종료하는 태그가 없는 것이 특징이며 은 HTML 문서의 구성 요소는 아니다. html은 크게 두가지로 나눈다. 콘텐츠를 표현하기위한 내용 태그는 (문서자체를 설명하는정보..

위 문제는 Map에 List를 추가하는 새로운 방식의 유형이다. Map의 Value값에 new ArrayList 하는 부분만 우선 참고하기 위해 서두에 올려놓겠다. 먼저 map.put(Key, new ArrayList())하는 부분이 하이라이트다. Map map = new HashMap(); map.putIfAbsent(sb.toString(), new ArrayList());//ArrayList일단 틀 만들어놓기 map.get(sb.toString()).add(v);//value에 코테점수를 Arraylist .add get을 이용하여 ArrayList를 불러오고, 해당 ArrayList에 추가해주는 방식이면 Map의 중복불가한 특징을 보완할 수 있다. 필자는 효율성테스트에서 실패했다. 더보기 null..