옹실이의 개발이야기

전체 글 48

뷰 인스턴스(Instance)와 라이프사이클(Life Cycle)

뷰 인스턴스(Instance)뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위.뷰 인스턴스로 화면을 렌더링할 때 화면이 그려질 위치의 돔 요소를 지정해줘야 함. 형식(생성자) : new Vue({)}  (Vue3 부턴 형식 다름)※ Vue3 문법에서는 Vue2에서 사용하는 new Vue() 대신 createApp을 사용※ 생성자 : 객체를 새로 생성할 때 자주 사용하는 옵션과 기능들을 미리 특정 객체에 저장해 놓고 새로 객체를 생성할 때 기존에 포함된 기능과 더불어 기존 기능을 쉽게 확장하여 사용하는 기법. 객체 지향 프로그래밍에서 사용하는 객체 정의 방식으로 미리 정의된 속성과 메서드를 재활용하기 위해 사용. new Vue()로 인스턴스 생성 후 화면에 인스턴스 옵션 속성을 적용하는 과정은..

Vue.js 2025.02.19

Vue.js란

Vue.js란웹 페이지 화면을 개발하기 위한 프런트엔드 프레임워크로 에반 유(Evan You)가 개발.화면단 라이브러리이자 프레임워크라고도 볼 수 있음.화면단 데이터 표현에 관한 기능들을 중점적으로 지원하면서 프레임워크의 기능인 라우터, 상태 관리, 테스팅 등을 쉽게 결합할 수 있는 형태로도 제공됨라이브러리 + 프레임워크 역할까지 가능한 것임Vue.js는 리액트와 앵귤러의 장점을 가지고 있음.데이터 바인딩 특성과 리액트의 가상 돔(Virtual DOM) 기반 렌더링 특징을 모두 가지고 있음.단일 파일 컴포넌트(Single File Component)라는 특징을 제공해서 HTML, CSS, JavaScript를 하나의 파일로 관리할 수 있도록 해줌. 컴포넌트 간의 의존성을 명확하게 관리할 수 있음. 양방향..

Vue.js 2025.02.19

[백준] 알고리즘 #1316 : 그룹 단어 체커 (Java)

문제 그룹 단어란 단어에 존재하는 모든 문자에 대해서, 각 문자가 연속해서 나타나는 경우만을 말한다. 예를 들면, ccazzzzbb는 c, a, z, b가 모두 연속해서 나타나고, kin도 k, i, n이 연속해서 나타나기 때문에 그룹 단어이지만, aabbbccb는 b가 떨어져서 나타나기 때문에 그룹 단어가 아니다. 단어 N개를 입력으로 받아 그룹 단어의 개수를 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 단어의 개수 N이 들어온다. N은 100보다 작거나 같은 자연수이다. 둘째 줄부터 N개의 줄에 단어가 들어온다. 단어는 알파벳 소문자로만 되어있고 중복되지 않으며, 길이는 최대 100이다. 출력 첫째 줄에 그룹 단어의 개수를 출력한다. 풀이 1. Scanner로 입력받을 단어의 개수를 입력받아 nu..

알고리즘 2023.09.07

[백준] 알고리즘 #2941 : 크로아티아 알파벳 (Java)

문제 예전에는 운영체제에서 크로아티아 알파벳을 입력할 수가 없었다. 따라서, 다음과 같이 크로아티아 알파벳을 변경해서 입력했다. 크로아티아 알파벳변경 č c= ć c- dž dz= đ d- lj lj nj nj š s= ž z= 예를 들어, ljes=njak은 크로아티아 알파벳 6개(lj, e, š, nj, a, k)로 이루어져 있다. 단어가 주어졌을 때, 몇 개의 크로아티아 알파벳으로 이루어져 있는지 출력한다. dž는 무조건 하나의 알파벳으로 쓰이고, d와 ž가 분리된 것으로 보지 않는다. lj와 nj도 마찬가지이다. 위 목록에 없는 알파벳은 한 글자씩 센다. 입력 첫째 줄에 최대 100글자의 단어가 주어진다. 알파벳 소문자와 '-', '='로만 이루어져 있다. 단어는 크로아티아 알파벳으로 이루어져 있..

알고리즘 2023.06.18

[백준] 알고리즘 #4344 : 평균은 넘겠지 (Java)

문제 대학생 새내기들의 90%는 자신이 반에서 평균은 넘는다고 생각한다. 당신은 그들에게 슬픈 진실을 알려줘야 한다. 입력 첫째 줄에는 테스트 케이스의 개수 C가 주어진다. 둘째 줄부터 각 테스트 케이스마다 학생의 수 N(1 ≤ N ≤ 1000, N은 정수)이 첫 수로 주어지고, 이어서 N명의 점수가 주어진다. 점수는 0보다 크거나 같고, 100보다 작거나 같은 정수이다. 출력 각 케이스마다 한 줄씩 평균을 넘는 학생들의 비율을 반올림하여 소수점 셋째 자리까지 출력한다. 풀이 1. 케이스 회수 입력받는다. 2. 학생수 만큼 점수 입력받아서 합계를 구하고, 배열에 담는다. 3. 평균보다 높은점수 받은 학생 수를 구한다. 4. 평균 넘는 학생의 점수를 소수점 셋째자리까지 반올림 후 출력한다. 1 2 3 4 ..

알고리즘 2023.06.17

[백준] 알고리즘 #1157 : 단어 공부 (Java)

문제 알파벳 대소문자로 된 단어가 주어지면, 이 단어에서 가장 많이 사용된 알파벳이 무엇인지 알아내는 프로그램을 작성하시오. 단, 대문자와 소문자를 구분하지 않는다. 입력 첫째 줄에 알파벳 대소문자로 이루어진 단어가 주어진다. 주어지는 단어의 길이는 1,000,000을 넘지 않는다. 출력 첫째 줄에 이 단어에서 가장 많이 사용된 알파벳을 대문자로 출력한다. 단, 가장 많이 사용된 알파벳이 여러 개 존재하는 경우에는 ?를 출력한다. 풀이 어려워서 다른사람 코드 참고해서 풀었음.... 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 ..

알고리즘 2023.05.23

[백준] 알고리즘 #10988 : 팰린드롬인지 확인하기 (Java)

문제 알파벳 소문자로만 이루어진 단어가 주어진다. 이때, 이 단어가 팰린드롬인지 아닌지 확인하는 프로그램을 작성하시오. 팰린드롬이란 앞으로 읽을 때와 거꾸로 읽을 때 똑같은 단어를 말한다. level, noon은 팰린드롬이고, baekjoon, online, judge는 팰린드롬이 아니다. 입력 첫째 줄에 단어가 주어진다. 단어의 길이는 1보다 크거나 같고, 100보다 작거나 같으며, 알파벳 소문자로만 이루어져 있다. 출력 첫째 줄에 팰린드롬이면 1, 아니면 0을 출력한다. 풀이 1. Scanner - System.in 을 이용해 값을 입력받아 str 변수에 담는다. (문자열은 입력받을 때 개행(nextLine())을 기준으로 받기 때문에 while안에 hasNextLine()으로 다음 입력값 유무를 체..

알고리즘 2023.05.22

[백준] 알고리즘 #3003 : 킹, 퀸, 룩, 비숍, 나이트, 폰 (Python)

문제 동혁이는 오래된 창고를 뒤지다가 낡은 체스판과 피스를 발견했다. 체스판의 먼지를 털어내고 걸레로 닦으니 그럭저럭 쓸만한 체스판이 되었다. 하지만, 검정색 피스는 모두 있었으나, 흰색 피스는 개수가 올바르지 않았다. 체스는 총 16개의 피스를 사용하며, 킹 1개, 퀸 1개, 룩 2개, 비숍 2개, 나이트 2개, 폰 8개로 구성되어 있다. 동혁이가 발견한 흰색 피스의 개수가 주어졌을 때, 몇 개를 더하거나 빼야 올바른 세트가 되는지 구하는 프로그램을 작성하시오. 입력 첫째 줄에 동혁이가 찾은 흰색 킹, 퀸, 룩, 비숍, 나이트, 폰의 개수가 주어진다. 이 값은 0보다 크거나 같고 10보다 작거나 같은 정수이다. 출력 첫째 줄에 입력에서 주어진 순서대로 몇 개의 피스를 더하거나 빼야 되는지를 출력한다. ..

알고리즘 2023.05.14

[백준] 알고리즘 #25083 : 새싹 (Python)

문제 아래 예제와 같이 새싹을 출력하시오. 입력 입력은 없다. 출력 새싹을 출력한다. 풀이 1. 출력할 새싹을 복사해 띄어쓰기에 유의하여 print("") 안에 내용을 붙여넣기 한다. 2.print("") 내용 안에 "나 ' 또는 \ 이 있다면 앞에 \를 한개 더 붙인 후 컴파일한다. 1 2 3 4 5 6 print(" ,r\'\"7") print("r`-_ ,\' ,/") print(" \\. \". L_r\'") print(" `~\\/") print(" |") print(" |") cs

알고리즘 2023.05.14

[백준] 알고리즘 #5622 : 다이얼 (Python)

문제 상근이의 할머니는 아래 그림과 같이 오래된 다이얼 전화기를 사용한다. 전화를 걸고 싶은 번호가 있다면, 숫자를 하나를 누른 다음에 금속 핀이 있는 곳 까지 시계방향으로 돌려야 한다. 숫자를 하나 누르면 다이얼이 처음 위치로 돌아가고, 다음 숫자를 누르려면 다이얼을 처음 위치에서 다시 돌려야 한다. 숫자 1을 걸려면 총 2초가 필요하다. 1보다 큰 수를 거는데 걸리는 시간은 이보다 더 걸리며, 한 칸 옆에 있는 숫자를 걸기 위해선 1초씩 더 걸린다. 상근이의 할머니는 전화 번호를 각 숫자에 해당하는 문자로 외운다. 즉, 어떤 단어를 걸 때, 각 알파벳에 해당하는 숫자를 걸면 된다. 예를 들어, UNUCIC는 868242와 같다. 할머니가 외운 단어가 주어졌을 때, 이 전화를 걸기 위해서 필요한 최소 ..

알고리즘 2023.05.11