티스토리

jji_veloper

검색하기

블로그 홈

jji_veloper

xively.tistory.com/m

Hello, world!

구독자: 1

방명록 방문하기

반응형

주요 글 목록

[프리온보딩 7월] 백엔드 1-2 보호되어 있는 글입니다. 공감수 0 댓글수 0 2023. 7. 9.
azure 2 보호되어 있는 글입니다. 공감수 0 댓글수 0 2023. 6. 27.
azure 10시 교육 1시간 보호되어 있는 글입니다. 공감수 0 댓글수 0 2023. 6. 27.
[프리온보딩] 2-1 스토리 보호되어 있는 글입니다. 공감수 0 댓글수 0 2023. 6. 12.
[프리온보딩] 1-2 강의 보호되어 있는 글입니다. 공감수 0 댓글수 0 2023. 6. 10.
[프리온보딩 프론트 6월] 1주차 컴포넌트란? 보호되어 있는 글입니다. 공감수 0 댓글수 0 2023. 6. 5.
[gksdudConverter] 한영타 변환기 개발기록 4: 확장앱 용 프로젝트 설계를 다시 하다. 한영타 변환기 확장자 앱을 만들고자 마음먹었을 때 확장앱을 만들어 본 적이 없어서 확장앱 설명 글을 쓱 보고 js로 만들어야하는 줄 착각했다. https://developers.whale.naver.com/getting_started/ 들어가기 전에 확장앱이 무엇인가요?확장앱(Browser Extension)은 브라우저에 설치하여 브라우저의 기능을 확장하는 작은 애플리케이션입니다. 확장 프로그램이라고도 부릅니다. 웨일 사용자들이 필요로하는 재미 developers.whale.naver.com js로 만드는 도중 웨일 앱 개발 튜토리얼 동영상의 프로젝트 구성을 본 뒤 프레임 워크 없이 js만 쓰면 힘들겠구나 하고 직감했다. 다른 프레임워크를 안써도 되긴하지만 좀 더 유연하게 만들지 못할듯하다. 그래서 개발.. 공감수 1 댓글수 0 2023. 1. 30.
[gksdudConverter] 한영타 변환기 개발기록 3 : 한글 -> 영어 타자 변환하기, javascript 한글 자소 분리하기 우선 issue를 발행하고 todo에 있는 것들을 소 issue로 발행해 순차적으로 해결해야겠다. 1. 한글 자소 분리 [(초성) × 588 + (중성) × 28 + (종성)] + 44032(=0xAC00, "가"에 해당하는 코드 값) 한글에 대한 유니코드 공식은 얻었으나, 각 자리에 대한 값을 얻기위한 공식을 찾는 것이 조금 귀찮았다...^^ 우리에겐 구교수님이 계시니 바로 검색해봄. 역시나 세상엔 천재들이 많다!! -> 공식 참고한 곳 이제 한글을 받아오면 자소를 분리하는 공식을 얻었으니 이를 적용해보자. // 첫 문자인 "가"에 해당하는 값 const korGAUnicode = 0xAC00; // 초성, 중성, 종성 시작 값 const [firstInitial, firstMedial, firstFi.. 공감수 1 댓글수 0 2023. 1. 30.
[gksdudConverter] 한영타 변환기 개발기록 2 : 구현 방법 모색하기 목차 1 : 개발 이유와 구현 방법 떠올리기 2 : 구현 방법 모색하기 (현재) 다음 생각한 방법 한글을 자소 분리 한 다음 해당 글자와 매칭되는 영어를 붙여줘야겠다!! "한"이면 정규화를 통한 분리가 아닌 분리할 수 있는 규칙을 찾은 후 ㅎ ㅏ ㄴ 각각 글자에 해당하는 영어 타자인 g k s 를 붙여준다는 말이다... 이제 한글에서 영어로 변환하는 것은 1. 자소 분리하기 2. 각각의 글자에 해당하는 영어 매칭하기 3. 영어 반환하기 이 순서로 개발하면 될 것 같았다. 제일 난항은 영어를 어떻게 한국어로 변환할 지에 대한 것이였다. 영어를 한국어로 변환한다고 해도 이 글자가 받침이 있는 글자인지 아닌지, 초성만 있는지 중성만 있는지 종성까지 있는지를 구분해야하는 것이 어려웠다... 영타의 어느 부분에서.. 공감수 0 댓글수 2 2023. 1. 29.
[gksdudConverter] 한영타 변환기 개발기록 1 : 개발 이유와 구현 방법 떠올리기 목차 1 : 개발 이유와 구현 방법 떠올리기 (현재) 2 : 구현 방법 모색하기 개발 이유 가끔 한글로 써야하는데 영타로 쓰는 경우가 허다했다. e.g) 글 쓸 때 or 검색 창에 뭐 검색할 때 아무 생각없이 적었는데 한/영을 바꾸지 않아서 지우고 다시 적는 것이 너무 불편해서 웹 확장자로 제공해보고자 마음먹었다. 지금은 웨일 스토어나 크롬에 등록하는 것이 목표이고, 웨않되 맞춤법 검사기 처럼 실시간으로 검사 및 변환이 이루어지게 하는 것이 최종 목표이다. 안된다면 api형태라도 제공하고자 한다... 구현 방법 떠올리기 처음 생각한 방식은 유니코드를 이용해 변환하는 것이였다. 예를들어 "한"이라는 글자가 있다면 한에 대한 유니코드가 있을 것이다. "0xd55c" 라는 값에 매칭되는 영타자는 정해져있기 때.. 공감수 0 댓글수 0 2023. 1. 29.
java로 여러가지 모양의 별 찍어보기 오른 직각 삼각형 BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); int n = Integer.parseInt(br.readLine()); StringBuilder sb = new StringBuilder(); for (int i = 0; i 0; .. 공감수 0 댓글수 0 2022. 6. 17.
[백준] 재귀 - (java) 17478번 재귀함수가 뭔가요? 제출1 머리가 안돌아가서 for 반복문을 이용하여 풀어봤다. import java.io.*; public class Main { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); System.out.print(recursiveQuestion(Integer.parseInt(br.readLine()))); } static String recursiveQuestion(int depth) { StringBuilder sb = new StringBuilder(); sb.append("어느 한 컴퓨터공학과 학생이 유명한 교수님을.. 공감수 2 댓글수 0 2022. 6. 16.
[baekjoon] java bufferedReader while 쓸 때 주의할 점 별건 아니고, 백준을 풀다가 이유 모를 런타임 에러가 발생했다. 로컬에서 테스트시엔 괜찮았는데 백준에 제출하니까 에러가 발생하길래 원인을 한참 찾았다... [에러] BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); String tmp = ""; ArrayList input = new ArrayList(); while ((tmp = br.readLine().trim()) != null) { input.add(tmp); } 입력이 개수를 정하지 않고 들어올 때 나는 while문을 통해 BuffrededReader로 입력을 한줄 씩 읽고, 해당 값이 null이면 입력을 그만 받아오게 작성하였다. 문제는 while 안의 tmp =.. 공감수 0 댓글수 0 2022. 6. 15.
[백준] 기본 수학 1 - (Java) 1712번 손익분기점 제출 import java.io.*; import java.util.StringTokenizer; public class Main { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); StringTokenizer st = new StringTokenizer(br.readLine()); int a = Integer.parseInt(st.nextToken()); int b = Integer.parseInt(st.nextToken()); int c = Integer.parseInt(st.nextToken()); int sa.. 공감수 1 댓글수 0 2022. 6. 10.
[백준] 입출력 - (Java) 1000번 A+B && 1001번 A-B && 10998번 AxB && 1008번 A/B 1000번 제출 import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; public class Main { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); String[] input = br.readLine().trim().split("\\s"); System.out.println(Integer.parseInt(input[0]) + Integer.parseInt(input[1])); } } 입력 받은 글자를.. 공감수 0 댓글수 0 2022. 6. 7.
[백준] 입출력 - (Java) 10171번 고양이 && 10172번 개 10171번 제출 1 public class Main{ public static void main(String[] args){ int maxLength = " ) ( ')".length(); String[] cat = { "\\ /\\", " ) ( ')", "( / )", " \\(__)|" }; for (int i = 0; i < cat.length; i++) { System.out.println(String.format("%-" + maxLength + "s", cat[i])); } } } 출처: https://www.acmicpc.net/problem/10171 10171번: 고양이 아래 예제와 같이 고양이를 출력하시오. www.acmicpc.net 10172번 제출 1 public class M.. 공감수 0 댓글수 0 2022. 6. 6.
[백준] 입출력 - (Java) 10718번 We love kriii 제출 1 public class Main{ public static void main(String[] args){ System.out.println("강한친구 대한육군"); System.out.println("강한친구 대한육군"); } } 그냥 println()을 두번 실행했다. 결과 1 제출2 public class Main{ public static void main(String[] args){ for(int i=0; i 공감수 0 댓글수 0 2022. 6. 5.
[백준] 입출력 - (Java) 2557번 Hello World / baekjoon Java 문제 푸는 법 제출 public class Main{ public static void main(String[] args){ System.out.print("Hello World!"); } } 결과 백준에서 java 문제 제출 법 1. Main 클래스를 작성해준다. 2. main 함수를 작성해준다. 3. main 함수 내 문제 로직을 적어서 제출한다. 4. import가 필요한 클래스가 있다면 직접 import java.ㅁ.ㅁ; 을 명시해준다. 5. 출력은 System.out 의 print 함수를 이용해 출력한다. 5-1. BufferedWriter 함수를 이용해도 된다. +) 입력이 있다면 BufferedReader 혹은 Scanner 를 통해 받아와야 한다. 출처 https://www.acmicpc.net/prob.. 공감수 0 댓글수 0 2022. 6. 5.
intellij 사용자 단축어 지정 / 인텔리제이 스니펫 등록 settings(ctrl + alt + s)에 들어간 후 live templates를 찾는다. 단축어를 등록할 언어 선택 언어를 펼치면 기본적으로 등록된 live templates가 있다. 수정도 가능 나만의 단축어를 추가하는 방법은 간단하다. 우측의 +버튼 클릭 live template를 클릭한다. 템플릿을 그룹으로 관리하고싶다면 2번을 선택하면 됨 추가버튼을 누르면 이렇게 등록 창이 뜬다. Abbreviation에는 단축 단어를 Description에는 알아보기 쉽게끔 설명을 적어준다. Template text에 불러올 코드를 등록한다. 유동적인 변수를 등록하고 싶다면 원하는 곳의 앞 뒤에 $기호를 붙인다. ex) $br$ 만약 하단에 노란색 느낌표가 뜨면 Define을 눌러 언어를 재 선택해주면 된.. 공감수 4 댓글수 0 2022. 5. 28.
[vscode] visual studio code에서 나만의 단축어 지정하기 / vscode snippet 설정 / snippet 설정 꿀팁 공유 1. vs code 접속 후 상단의 File > Preferences > User Snippets 2. snippet 목록에서 원하는 언어를 선택한다. 2-1. 원하는 단축어의 언어 검색 후 선택한다. 해당 디렉토리만의 snippet 설정도 가능하다. 3. 해당 언어의 단축 snippet 설정 json 파일이 열린다. 주석으로 예시도 달려있따. 4. 원하는 snippet 단축어 설정 { "제목": { "prefix": "단축단어", "body": [ "console.log('$1');", "$2" ], "description": "console.log 생성 후 출력 언어 입력 > 다음 줄로 이동" } } 예시로 하나 만들어봄 예시 들기위해 한국어로 적은거 알쥬...? 5. 사용해보기 prefix에 적은.. 공감수 5 댓글수 0 2022. 4. 27.
[node + express] url querystring 추출, 프론트에서 가져온 get parameter 가져오기 오늘 적을 내용은 react front에서 get 방식으로 api 요청을 보냈을 때 get url parameter를 백단에서 가져오는 법을 적어보고자 한다. node위주의 글이기에 react 프론트 쪽은 크게 설명안하고 가겠음 import { BrowserRouter as Router, Route, Routes } from "react-router-dom"; import axios from 'axios'; function App() { return ( { let response = await axios.get("/api/test", { params: { name: "hello" }, }); console.log(response.data); }} > 확인용 ); } export default App; 그.. 공감수 0 댓글수 0 2022. 4. 5.
[PHP + AJAX] php 함수를 ajax로 호출하는 법 우선 본론으로 들어가기 전 좋은 방법이 아닐 수 있다고 말하고 싶다. 어째보면 꼼수이기 때문에... 우선 화면을 담당하는 test.php 결과 함수 호출 그리고 api를 담당하는 /api/ajax_test.php가 있다고 가정하자. function getName() { return "이름 반환해줌"; } ajax 통신 없이 php 함수를 호출하는 방법은 다들 알 것이다. 결과 함수 호출 해당 함수가 있는 php 파일 require 해주고 함수 호출 그럼 이렇게 함수의 반환 값이 html안에 반환되어있을 것이다. 우리가 하고싶은건 특정한 이벤트가 발생했을 때(버튼 클릭, 검색 등...) 만들어 놓은 php 함수를 호출해서 해당 자리에 값을 넣어주는 것일 것이다. ajax통신으로 php 파일에 접근해 값을 .. 공감수 2 댓글수 0 2022. 3. 24.
[PHP] php 날짜 포맷 변경하기 / DB에서 조회한 날짜 기호 변경 / 많이 쓰는 시간 포맷 DB에서 조회해온 날짜의 포맷을 변경해서 화면에 뿌려줘야할 일이 참 많다... 기호가 통일되지 않은 것도 많고 (ex_ yyyy.mm.dd 또는 yyyy-mm-dd 등) 어디에서는 년도만 뿌려주고... 년 월 일 다 뿌려줘야할 때도 있고, 시간만 뿌려줘야할 때도 있다..^^ 이럴땐 역시 함수로 만들어놓고 갖다쓰는게 젤 나은듯 거두절미하고 코드부터 보자. /** 날짜를 원하는 포맷으로 변경해준다. * @param string|int $date 날짜 * @param string $format 원하는 날짜 포맷 * * @return string 변환된 날짜 문자열 */ function dateFormatting(string|int $date, string $format = 'Y-m-d'): string { i.. 공감수 2 댓글수 0 2022. 3. 22.
[php + javascript] php 배열 값을 javascript 변수에 담는 방법 javascript에서 php로 변수를 보내줄 때는 form이나 ajax 통신 등을 이용해야할 때가 많다... 반대로 php에서 javascript로 변수를 보내줄 때는 비교적 편리하다... // 반환해 줄 php 배열 변수 $arr = array('apple', 'banana'); 우선 이렇게 화면에 보내 줄 arr 변수가 있다고 하자 화면 단의 script에서 해당 변수를 써야한다면 require_once "위의 arr 변수가 있는 php 파일 경로"; // 생략... script 태그 안에서 또는 을 통해 담아주려고 했을 것이다. 근데 console을 확인하면 에러가 발생해 있고, 정상적으로 변수가 담겨 있지 않을 것이다. 개발자 모드에서 source를 열어보면 위와 같은 에러가 찍혀있다. Arra.. 공감수 1 댓글수 2 2022. 3. 2.
[php] php에서 javascript 호출해서 페이지 이동하는 법 및 페이지 이동 함수 php에서 페이지 이동하는 법은 다양하다. 그 중에 자바스크립트를 이용한 페이지 이동방법과 얘를 공통 함수로 빼서 편하게 사용할 수 있는법에 대해 소개하고자 한다. 우선 자바스크립트를 이용해 페이지를 이용하는 방법이다. echo 를 꼭 써줘야 작동한다. 그리고 ""따옴표 안에 script 태그를 감싸준 뒤 그 안에 자바스크립트랑 동일한 코드를 넣어준다. 이렇게하면 php에서 javascript 코드가 작동하게 된다. 자주쓰는 코드는 함수로 만들어놓고 불러와서 사용하는게 젤 편하다. /** script의 페이지 이동 함수문을 불러온다. * @Param string path 이동할 페이지 경로 * @Param string type location의 어떤 함수를 부를 것인지 */ function scriptL.. 공감수 1 댓글수 0 2022. 1. 27.
[React] dangerouslySetInnerHTML 이용해서 string 타입의 글을 html로 변환해서 뿌려주기 참고: https://lemontia.tistory.com/1033 [react] text 내 http에 a 태그로 변환, 링크 삽입 다음처럼 DB에 저장된 글이 있다고 해보자. 안녕하세요. 저희 사이트는 https://www.naver.co.kr 입니다 감사합니다. 이것을 react에서 다음과 같은 컴포넌트로 만들었었다. function viewSplitLine(content) { re.. lemontia.tistory.com // string을 html로 변환해서 뿌려주는 함수 // 전역에서 사용하기 위해 export해놨는데 필요없으면 지우면 됨 export function makeInnerHtml(content) { const htmlCode = content.split("\n").reduce((c.. 공감수 0 댓글수 0 2022. 1. 17.
[Laravel] 라라벨 설치 후 artisan 에러 시 확인해볼 것 라라벨을 사용하게 되어서 로컬환경에 composer 및 laravel을 설치하는데, 문제가 생겼다. 나는 composer설치와 laravel까지 정상적으로 설치가 완료되었는데, php artisan --version laravel 쉘인 artisan의 버전 확인부터가 진행되지 않았다. php artisan serve 해당 설치 명령 또한 먹질 않았음... 멘붕와서 이리저리 고치느라 화면을 미리 캡처해놓지 못했다ㅠㅠ 구글링 했던 내용을 가져와보면 대충 아래와 같은 에러가 떴던 것 같다. Script @php artisan package:discover --ansi handling the post-autoload-dump event returned with error code 255 PHP Fatal err.. 공감수 1 댓글수 0 2022. 1. 14.
[jQuery] jQuery name이 배열일 때 선택자 사용하기 html의 form에서 선택된 checkbox의 값만 넘겨주려면 input:checkbox의 name값을 배열로 만들어주면 된다. 예를들어 checkbox의 이름을 checkList라고 할거라면 이렇게 name 값 뒤에 [] 배열 선언만 해주면 된다. 이렇게 체크한 값의 값만 배열로 넘어가게 된다. // 기존 코드 $("input:checkbox[name=checkList]:checked"); 그렇다면 jQuery에서 해당 값을 선택하려면 기존의 코드에서 변경해야할 것이다. 어떻게 해야되나 한참 삽질하던 찰나에 쉬운 방법을 찾았다. 참고한 사이트: https://chicpro.dev/jquery-input-%EB%B0%B0%EC%97%B4%EC%9D%BC-%EB%95%8C-selector/ [jQuery.. 공감수 1 댓글수 0 2022. 1. 14.
[mySQL] 쿼리 및 서브 쿼리 조회 SELECT 결과 하나로 합치기 (feat. GROUP_CONCAT()) 오랜만에 쿼리짜다가 신기한 함수를 발견해서 글로 적어보기로 했다. 바로바로 GROUP_CONCAT() 함수!! GROUP_CONCAT() 살짝 알아본 바로는 SELECT 결과를 concat을 통해 한 문장으로 합쳐주는 것이다. maria db에 잘 설명되어있어서 페이지 참고하시라고 첨부합니당... https://mariadb.com/kb/en/group_concat/ group_concat 안에도 서브쿼리처럼 사용할 수 있으며, 정렬과 Limit 제한까지 가능한 모양이다. SELECT name FROM test; 만약 이렇게 test라는 table에 값이 있다고 치자. 얘를 조회하면 컬럼의 길이가 3으로 나뉜다. 얘를 한 컬럼으로 합치고 싶을 때 group_concat()을 사용하면 된다. SELECT .. 공감수 2 댓글수 0 2022. 1. 12.
[PHP] 함수 호출 시 경로 호출 에러 발생 원인 추측 ( Failed to open stream: No such file or directory in "폴더 경로"/ Fatal error: Uncaught Error: Failed opening required "호출한 경로") php를 이용해 홈페이지를 만들 일이 생겨서 처음으로 php를 접해보았다. 그냥 php 뉴비인 상태... 내 상황은 이렇다. 1. 프로젝트에(이하 root) api 폴더를 만들어 api를 작성함 2. view 페이지는 root에 존재한다. 3. view에서 api를 require하여 작성한 함수를 호출함 4. 파일을 찾을 수 없다고 에러가 남 이런 경우가 많아서 왜 그런지 계속 생각해봤다. 1. php는 파일을 require (또는 include)하면 require를 선언한 파일 내부에 해당 파일이 같이 컴파일? 된다. 2. 따라서 require되기 전에는 상대경로가 지금 존재하는 경로 기준으로 설정된다. 3. 하지만 해당 파일이 require된 후라면 컴파일된 파일의 기준으로 상대경로가 설정된다. 말 .. 공감수 2 댓글수 0 2022. 1. 9.

728x90

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.