나는 돼지고기를 좋아해

인기 글

• 

  Visual Studio Code 에서 HTML 빠르게 작성하기! 💡 해당 post에서는 vscode에서 html 코드를 빠르게 작성하는 방법에 대해서 배워볼 것이다! 기본 HTML 템플릿 ! + enter key ⬇️ Class 지정 .box ⬇️ .box.box1 ⬇️ h2.box.box1 ⬇️ 자식 element 포함해서 만들기 .box>.inner ⬇️ 복수개 만들기 div.box*5 ⬇️ 자동번호 매김 .box$*5 ⬇️ .box>.inner.inner$*5 ⬇️ .box.box$*5>.inner.$ ⬇️ HTML 하나하나 다 작성하기 정말 힘든데.. VSCODE 최고!!! 2022.01.19

• [백준] 15650번: N과 M(2) - 1~N로 조합 만들기(중복되지 않는 순열) ✏️ 문제 링크 https://www.acmicpc.net/problem/15650 15650번: N과 M (2) 한 줄에 하나씩 문제의 조건을 만족하는 수열을 출력한다. 중복되는 수열을 여러 번 출력하면 안되며, 각 수열은 공백으로 구분해서 출력해야 한다. 수열은 사전 순으로 증가하는 순서로 출력해 www.acmicpc.net ✏️ 문제 설명 (더보기 클릭 👆🏻) 더보기 문제 자연수 N과 M이 주어졌을 때, 아래 조건을 만족하는 길이가 M인 수열을 모두 구하는 프로그램을 작성하시오. 1부터 N까지 자연수 중에서 중복 없이 M개를 고른 수열 고른 수열은 오름차순이어야 한다. 입력 첫째 줄에 자연수 N과 M이 주어진다. (1 ≤ M ≤ N ≤ 8) 출력 한 줄에 하나씩 문제의 조건을 만족하는 수열을 출력한.. 2021.09.13

• 

  [백준] 5972번: 택배 배송 / C++ ✏️ 문제 링크 https://www.acmicpc.net/problem/5972 5972번: 택배 배송 농부 현서는 농부 찬홍이에게 택배를 배달해줘야 합니다. 그리고 지금, 갈 준비를 하고 있습니다. 평화롭게 가려면 가는 길에 만나는 모든 소들에게 맛있는 여물을 줘야 합니다. 물론 현서는 www.acmicpc.net ✏️ 문제 설명 (더보기 클릭 👆🏻) 더보기 ✏️ 문제 풀이 2021.09.15 - [Algorithm 🧠/알고리듬(thm) 공부 🌱] - [백준] 1916: 최소비용 구하기/ 다익스트라 / C++ ⭐ [백준] 1916: 최소비용 구하기/ 다익스트라 / C++ ⭐ ✏️ 문제 링크 https://www.acmicpc.net/problem/1916 1916번: 최소비용 구하기 첫째 줄에 도시의.. 2021.09.27

• [자바스크립트(Javascript)]Object에서 특정 값만 추출하여 List 만드는 방법 오늘은 개발을 하던 중! 서버에서 안드로이드로 값을 전달하는 과정에서 난관에 부딪혔습니다...! 쿼리문을 통해 DB에서 데이터를 받아오니 결과 값은 [{to: 2}, {to:4}]의 형태를 보였습니다! 저는 key-value값이 아닌 단지 to의 value로 이루어진 List를 원했죠.‼️ 엄청 간단한 해결 방법이 있었습니다...두쿤...!🐶 result.map(a=>a.to); query(sql).then(function (result) { //result=[{to:2}, {to:4}] var numlist = result.map(a => a.to); console.log(numlist); //numlist=[2,4] }); 로 처리하면 결과 값은 [2,4]가 됩니다! ㅎㅎ Javascript는 미숙해.. 2020.11.25

• 

  [Softeer] 수퍼바이러스 (level3, Javascript) ✏️ 문제 링크https://softeer.ai/practice/6292 Softeer - 현대자동차그룹 SW인재확보플랫폼 softeer.ai ✏️ 문제 풀이Math.pow는 큰 숫자는 커버하지 못하기 때문에 지수 재귀 계산법으로 접근해야한다고 한다. 아래 이미지에서 보면 지수가 짝수인 경우, 홀수인 경우가 나뉘게 되고 지수가 1인 경우는 num을 return 해주면 된다. 이 로직대로 구현해주면 아래 코드와 같다.  ✏️ 문제 코드const readline = require('readline');const rl = readline.createInterface({input:process.stdin, output: process.stdout});let input = [];const DIV = 1000000.. 2024.11.13

• [Softeer] HSAT 7회 정기 코딩 인증평가 기출 - 순서대로 방문(level3, Javascript) ✏️ 문제 링크https://softeer.ai/practice/6246 Softeer - 현대자동차그룹 SW인재확보플랫폼 softeer.ai  ✏️ 문제 풀이백트래킹을 잘 익혀놓으면 쉬운 문제라고 생각한다. (백트래킹은 백준의 N과 M을 풀어보면 쉽게 익힐 수 있다. 꼭! ⭐️) 코드가 좀 길긴하지만! 사실 뜯어보면 별거 없다.. 데이터 저장하는 코드 반,,,ㅠ 백트래킹 부분 반이다. 내가 풀이한 코드의 방식은 백트래킹으로 갈 수 있는 모든 경로를 탐색하고 그 안에서 우리가 원하는 순서를 지키는 path가 있을 때 answer를 ++ 하는 방식이다.  1. 순서대로 방문을 해야한다고 했으니 순서대로 방문해야하는 위치의 index를 key, value로 저장해둔다. 2. 현재 path의 시작과 끝이 st.. 2024.11.13

• 

  [Softeer] 21년 재직자 대회 예선 - 전광판(level2, Javascript) ✏️ 문제 링크https://softeer.ai/practice/6268/history?questionType=ALGORITHM Softeer - 현대자동차그룹 SW인재확보플랫폼 softeer.ai ✏️ 문제 풀이간단한 string 비교 문제로, 0부터 9까지 라이트가 켜진 위치 정보를 저장한다. 이렇게 인덱스를 정하고 이제 숫자별로 라이트가 켜진 부분을 저장하면 된다. 그렇게 하면 아래와 같은 스트링이 나온다. '-'는 아예 켜지지 않은 전광판을 의미한다. { '-':'0000000', 0:'1110111', 1:'0010010', 2:'1011101', 3:'1011011', 4:'0111010', 5:'1101011', 6:'1101111', 7:'1110010', 8:'1111111', 9:'.. 2024.11.12

• 

  Visual Studio Code: CSS 파일에서 HTML Class 자동 완성 플러그인 vscode에서 CSS 파일에 속성들을 넣어줄 때 HTML에서 지정해준 class가 자동으로 안불러와져... 굉장히 비효율적인 경우들이 있다. 사실 자동완성이 안되면 그냥...비효율적이다 ㅠㅜ 내 손구락 그래서 html에 있는 class를 자동으로 불러와주는 플러그인이 있는데 바로! ㄷ구둑두구둑두국구 짜쟌! HTML to CSS autocompletion 헷.. 200번..다운받으세요 진자 너무 좋아융 나의 삶이 더 편리해졌따.. 뿌듯하다. 2022.01.20

• 

  옥상캠핑 in 혜화 with 러블리 걸즈😋 벌써...2022가 다가오고있다 두둥 참 더 나이가 들 수록 시간이 빨리 간다는 어른들의 말은 틀린게 하나 없다 2021을 겪으며 감정의 굴곡이 너무 심했지만 난 이제 이겨낼 수 있어졌다. 항상 안되는 줄만 알았는데 사실 내가 안했던거지 하기만 하면 되더라. 결국 날 믿지 않은 마음이 컸던걸까 허허 이젠 날 믿을꺼다아아악 으아아아악 2022를 맞이하며 나의 사랑스러운 아가들을 만나러 갔지롱👀 한바탕 힐링 캠핑을 하고 왔다... 역시 만나면 시끄러운 세명과... 그 안에서 힘들어하는 우리 세욘스... 세연이의 완벽한 계획 덕분에 힘든와중에 모두 행복을 느낄 수 있었다 후후 🥰 아니 솔직히 우리 넷다 너무 추울줄 알고 다들 몇겹씩 껴입고...ㅋㅋㅋㅋㅋㅋㅋㅋ 목티에 목도리에 핫팩에 난리가 났었는데 안에도 너무.. 2021.12.07

• 💡 Antd + Sider + React-Router-Dom 1. Antd layout의 Sider을 복붙한다! 2. 필요 없는 내용들을 삭제하고 원하는 내용으로 수정한다. 3. react router을 적용한다. 원래는 Switch를 사용해서 Route를 적용했었고, props로 component를 넘겼었는데 아래 링크를 보면 내용이 수정된 것을 알 수 있다... Switch는 Routes로 바뀌고 (동일하게 작동한다고 한다. ) component는 element로 바뀌었다...ㅎㅅㅎ https://reactrouter.com/docs/en/v6/upgrading/v5 React Router | Upgrading from v5 Declarative routing for React apps at any scale reactrouter.com 계속 예전 방식을 쓰다.. 2021.11.24

최신 글

• 

  [백준 10703번 유성/ JS] ✏️ 문제 링크https://www.acmicpc.net/problem/10703✏️ 문제 풀이 중력에 관련된 문제이다. 사실 어떻게 풀어야하나 고민이 됐는데, 일단 풀어보자는 마인드로 풀었다. 뭔가 알고리즘을 사용할 수 는 없을 것 같았고 구현을 빡세게 해야한다는 생각을 했다. 그래서 car의 위치 정보를 저장해두고 맨 아래 줄부터 한줄 씩 확인하면서 car가 들어갈 수 있는지 확인하는 로직을 구현했다. i는 row를 뜻하고 car에 저장된 j들은 column 위치를 뜻한다.  만약 n = 5라고 하면 i = 4부터 시작하는거다. (index = 0 부터 시작하기 때문에)1. i= 4일 때 car에 들은 input들의 정보를 확인한다. 첫번째 입력 값을 기준으로 하면 car에는 [[1,2,3,4], [.. 2024.11.14

• 

  [Softeer] 수퍼바이러스 (level3, Javascript) ✏️ 문제 링크https://softeer.ai/practice/6292 Softeer - 현대자동차그룹 SW인재확보플랫폼 softeer.ai ✏️ 문제 풀이Math.pow는 큰 숫자는 커버하지 못하기 때문에 지수 재귀 계산법으로 접근해야한다고 한다. 아래 이미지에서 보면 지수가 짝수인 경우, 홀수인 경우가 나뉘게 되고 지수가 1인 경우는 num을 return 해주면 된다. 이 로직대로 구현해주면 아래 코드와 같다.  ✏️ 문제 코드const readline = require('readline');const rl = readline.createInterface({input:process.stdin, output: process.stdout});let input = [];const DIV = 1000000.. 2024.11.13

• [Javascript] 자바스크립트 문자 정렬에 대한 모든 것 (sort, localeCompare ⭐️ ) 뭔가 문자열 정렬을 코딩 테스트 때 말고 사용하는 경우가 많이 없어서 익숙하지 않은 것 같아 한번 정리하려고 한다.  사실 자바스크립트에서 숫자 오름차순 정렬을 하게 되면 그냥 아래와 같이 간단하기 빼기 연산으로 해주면 된다. [1, 2, 5, -1].sort((a, b)=> a - b); 하지만 문자열은 이렇게 해서는 원하는 정렬을 기대하기가 어렵다.  "잘못된 코드"["apple", "Orange", "banana", "grape"].sort((a, b)=>a - b)// result ['apple', 'Orange', 'banana', 'grape'] 이렇게 하면 문자열 간 빼기 연산 진행을 못해 기존 문자열 그대로 반환이 된다.  그다음 해볼 수 있는 방법은 문자의 대소를 비교해서 1, -1, 0.. 2024.11.13