My Tech Blog (분류 전체보기)

1. 티스토리 hello 스킨 본문 폭 넓히기 CSS 에서 margin, padding 값 2. 코드블럭 테마 변경 - Mac코드 스타일 + 플러그인 Darcula3. 코드블럭 가로 크기 변경(본문 폭 넓히니까 알아서 됨)4. 코드 블럭 폰트 변경 => Google Fonts5. 본문 폭 벗어나는 이미지 처리방법6. 코드 블럭 인라인 넘버 스택/큐 문제 2개 더 풀고 같은 유형 문제 정리 (시간이 없어서 못함)시간 나면 어제 만들던 카드 뒤집기 게임 마저 마무리 하기 (시간이 없어서 못함)저녁에 밖에 나가서 놀기 (시간이 없어서 못함) https://changsroad.tistory.com/418 hELLO 스킨 커스텀hELLO 스킨(헬로 스킨) 오늘은 개발 블로그에서 자주 보이는 hELLO 스킨의 커스..

1. 문제설명 예제 #1문제에 나온 예와 같습니다. 예제 #26개의 프로세스 [A, B, C, D, E, F]가 대기 큐에 있고 중요도가 [1, 1, 9, 1, 1, 1] 이므로 [C, D, E, F, A, B] 순으로 실행됩니다. 따라서 A는 5번째로 실행됩니다.2. 접근방식2-1. 배열 쪼개기 (추천하지 않음❌)보자마자 최대값을 찾아서 최대값의 인덱스를 기준으로 배열을 쪼개서 다시 붙이면 될 거 같다고 생각했다. priorities 배열를 순회하면서 우선순위 max값을 찾고, 그 값의 인덱스를 기준으로 배열을 두 개로 쪼갠 다음, 앞 뒤로 이어서 붙이는 것이다. 되게 쉽게 풀 줄 알았는데 생각보다 어려웠고 솔직히 계속 실패했다. 배열 쪼개는 메서드를 구글에서 찾아가면서 코드를 쓰는데 써 내려 갈수록 ..

1. 문제설명2. 접근방식1) 스택을 사용하지 않고 풀기문자열을 순회하며 닫힌 괄호와 열린 괄호의 갯수를 변수에 저장하고 개수가 같으면 true, 틀리면 false 를 반환하는 방법 2) 스택을 사용하여 괄호의 짝을 맞추는 방법단순히 생각해서 괄호가 열린 경우 스택에 넣고, 닫힌 괄호가 나오면 스택에서 꺼내는 방식 3. 문제풀이3-1. 스택 사용하지 않고 풀기프로그래머스에서는 큐/스택 카테고리에 있는 문제이지만 굳이 스택을 사용하지 않아도 깔끔하게 풀 수 있는 문제이다. 처음에는 열린 괄호를 openCnt, 닫힌 괄호를 closeCnt 에 저장해서 그 갯수가 일치하면 true를 반환하는 방식으로 코드를 짰다. class Solution {    boolean solution(String s) {     ..

같은색깔 카드 맞추기 메모리 게임이라고도 하고 ㅎㅎㅎ 기억력 카드게임이라고도 하는데.... 색상만 넣으면 심심하니까 과일이모지도 함 같이 넣어보겠습니다 자바 스크립트 연습 겸 시간 날 때 해 보자 ㅋㅋㅋㅋ ❌노가다 방지 협회 ❌ 카드는 12장(6쌍)만 만들자 1. 순서도draw.io로 작성했고, svg 파일로 내보내기 함. PNG나 JPEG는 해상도 설정 안하면 깨지니 주의 2. 셔플 후 카드 생성하기 자바스크립트가 아닌, CSS로 뒤집기를 해 줄것입니다.... 2-1. CSS클래스이름역할CSScard카드 전체를 감싸는 컨테이너카드 크기, 3D 시점 설정card-inner카드 요소 안에서 카드 앞,뒷면 감싸는 내부 컨테이너카드 뒤집을 때 transform: rotateY() 회전축 card-front카드..

[자바스크립트] html/css/js로 계산기 만들기 제1탄자바스크립트로 간단하게 계산기 만들어 보기 ㅎㅎㅎ 깃허브에 올려야 하는데 깃허브 한 번 정리하고 손봐야 되서 그냥 블로그에 올린다.나중에 전체 소스만 깃허브로 보내기 1. 버튼 16개 만awesomepossum.tistory.com 여기서 손을 좀 대겠습니다 ㅎㅎㅎ기능 추가랑 계산기 색상 추가  1. 숫자 지울 수 있는 backspace 버튼2. 그리고 다중 계산을 위해 숫자와 연산자 입력을 이어서 받을 수 있도록 로직 개선.3. 계산기에 색상 입히기 1. backspace 기능 추가 버튼을 어디다 넣을까 div 태그 한 줄 더 써서 추가할까 하다가 그냥 첫번째 row에 집어 넣어주기로 함...    7    8    9    +    ← 스크립..

자바스크립트로 간단하게 계산기 만들어 보기 ㅎㅎㅎ 깃허브에 올려야 하는데 깃허브 한 번 정리하고 손봐야 되서 그냥 블로그에 올린다.나중에 전체 소스만 깃허브로 보내기 1. 버튼 16개 만들기 7 8 9 + 4 5 6 - 1 2 4 / C 0 = x  여기까지 html로 버튼 16개 만들기이제 script 태그 안에 각 버튼마다 이벤트 리스너 달아줘야 함#num-0과 #num-1에 대해서만 이벤트 리스너 달아주면 이런 식으로 동작함d..

위키드자신의 진정한 힘을 미처 발견하지 못한 '엘파바'(신시아 에리보). 자신의 진정한 본성을 아직 발견하지 못한 ‘글린다'(아리아나 그란데).  전혀 다른 두 사람은 마법 같은 우정을 쌓아간다. 그러던 어느 날, '마법사'의 초대를 받아 에메랄드 시티로 가게 되고 운명은 예상치 못한 위기와 모험으로 두 사람을 이끄는데…마법 같은 운명의 시작, 누구나 세상을 날아오를 수 있어평점10.0 (2024.11.20 개봉)감독존 추출연아리아나 그란데, 신시아 에리보, 조나단 배일리, 에단 슬레이터, 양자경, 제프 골드블럼 이번에 아리아나 그란데가 '글린다'를 맡은 뮤지컬 영화 위키드가 개봉한다고 해요 ㅎㅎㅎㅎ 저는 위키드를 정말 좋아해서 영문판 책도 소장하고 있는데요~뮤지컬은 각색되어 원작 소설이랑 많이 다르지만..

깃허브에 올려야 하는데 귀찮아서 일단 블로그에 먼저 포스팅 1. 시작 2. 몇 명이 참가할 지 선택 prompt3. 참가자 순서 number4. 제시어 저장할 변수 word5. 입력한 단어를 저장할 변수 newWord input 이벤트로 단어 입력 -> 입력 버튼 클릭 -> 입력 단어 newWord에 저장 판단1_제시어가 비어 있는가?판단2_입력한 단어가 올바른 단어인가? (앞 단어의 마지막 글자랑 일치하는가)판단1판단2결과제시어가 비어있음단어가 올바르다입력한 단어가 제시어제시어가 비어있음단어가 올바르지 않다입력한 단어가 제시어제시어가 비어있지 않음단어가 올바르다입력한 단어가 제시어제시어가 비어있지 않음단어가 올바르지 않다올바른 단어 입력하라고 알림창 띄우기 No -> alert('올바른 단어 입력')Y..