쿠키도 배우는 코딩

일단 Procedure 라는 영어 뜻은 순서라는 의미를 가지고 있다. 하지만 데이터 베이스에서 쓰는 뜻은 약간 다른다. 하나의 쿼리를 저장하고 함수처럼 이름을 지정하여 원할때 꺼내서 사용할 수 있는 쿼리의 집합을 뜻한다. 프로시저의 장점 하나의 요청으로 프로시저 명만 불러오면 됨으로 네트워크 부하 감소가능 API 처럼 제공되어 여러 어플리케이션과 공유가능 변경이 용이하다. 프로시저의 단점 수식이나 계산같은 기능이 들어가면 속도가 느려진다. 프로시저의 위치를 찾기가 어려워서 유지보수 어렵다. 프로시저 생성 CREATE OR REPLACE PROCEDURE 프로시져이름 (파라미터1,파라미터2...); IS 변수 BEGIN 쿼리문 END 프로시져 이름; 이 코드를 바탕으로 학생의 성적을 알아내는 프로시저를 만..

이지젠이란 물류 작업같은 많은 물건들이 패킹되어 움직이는 비즈니스에서 필요한 서류를 작성해주는 실행 파일이다. 이지젠으로 파일을 작성하면 .ezg 확장자로 파일이 생성되고 이 파일은 물건에 대한 입고나 출고되는 정보를 담고 있다. 이지젠을 통해 이러한 문서를 사람이 수기로 작성하는 것이 아니라 쿼리로 작성 후 자바스크립트 코드를 이용해 html에 자동으로 그려준다. 그렇게 가져온 데이터는 JSP 파일을 통해 예쁘게 꾸며진 뒤 이렇게 불러와진다. 그리고 이 사진에서 입고리스트를 클릭한다면 이러한 화면을 볼 수 있다. 이지젠 실행 이지젠 을 설치하고 유니코드 이지젠 편집기를 실행한다. 편집기를 실행 했다면 앞으로 5분마다 컨트롤에스를 눌러서 저장해주자. 선임분들의 말을 들어보니 저장을 해도 파일이 증발하는 ..

이제 글 목록을 조금 늘려보자. App.js 파일에 이렇게 코딩을 하자. 7번째줄부터 있는 useState 안에 배열 형식으로 3개의 데이터를 입력하고 a라는 변수에 해당 배열이 대입된다. 따라서 a배열의 0번째 인덱스에는 고양이 간식 추천 이라는 문장이 들어간다. 해당 코드는 이렇게 된다. 필요한 사람을 복붙해서 가져가면 된다. import logo from "./logo.svg"; import "./App.css"; import { useState } from "react"; function App() { let post = "쿠키도 배우는 코딩"; let [a, b] = useState([ "고양이 간식 추천", "강아지 간식 추천", "병아리 간식 추천", ]); return ( 블로그입니당 글 ..

깃으로만 사용해서 형상관리를 해보다가 SVN을 사용하게 되었다. 그래서 이에 대한 방법을 서술한다. 프로젝트에서 오른쪽 마우스를 클릭한 후 팀 -> 싱크로나이즈를 클릭한다. 그러면 이러한 이러한 창을 볼 수 있는데 여기서 프로젝트에서 오른쪽 마우스 클릭을 한 뒤 라이언 주먹이 가르키는 오버라이드 앤 업데이트를 누르면 PULL 받을 수 있게 된다.

첫 시작할 때 1편에서 만든 부분을 다 삭제하고 빈페이지에서 시작해야한다. 블록지정한 부분을 지운다. 여기에 이제 블로그 만들 예정이다. 상단 메뉴를 만들어보자! 이렇게 자바 스크립트 파일 안에 html 문법을 사용해서 더 편리하게 한 것을 JSX 문법이라고 한다. 스타일을 집어넣기 위해서는 App.css 파일을 열어서 편집한다. App.css 파일에 이 코드를 .black-nav{ display:flex; background : black; width:100%; color :white; padding-left:20px; } 추가해주고 블로그입니당을 감싸고 있는 div태그에 해당 클래스를 추가해 주면 이러한 코드가 되고 이에 대한 화면은 이렇게 변한다. 주의 : JSX 문법내에서는 div class 를 ..

리액트 사용하는 이유 부드러운 html을 만들어 낼 수 있다. 물론 생 자바 스크립트로도 구현이 가능하지만 그렇게 하면 너무 코드가 길어진다. 뷰같은 다른 방법들도 있지만 가장 대중적인것이 리액트이다. 리액트는 같은 문법으로 리액트 네이티브 라는 모바일 어플도 만들 수 있다. 개발환경 세팅 https://nodejs.org/ko/ 해당 웹사이트에 접속 후 여기서 16.17.0 버전을 다운로드 해준다. 이후 vs코드라는 에디터도 사용하기 때문에 https://code.visualstudio.com/ 여기에 접속 후 다운로드를 해준다. Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and op..

간단한 게시판 만들기를 하고 있는 도중 컨트롤러에서 list 를 받아오지 못하는 상황이 생겼다. 원인은 sql developer 에서 커밋버튼을 누르지 않아 디비에 저장이 안되었다. 항상 sql 을 실행하면 디비에 커밋되는 환경에서 프로젝트를 경험하다보니 한번씩 실수를 하는 것 같다... 어쨋든 잘 해결되서 기분이 좋다. 이 버튼을 꼭 알아두자!

사용 이유 예시코드를 보다가 map.of()라는 메서드가 있길래 내가 아는 맵과는 다른 것 같아 분석해 보았다. map.of 는 map.put(1, "yhy") 이런 키와 밸류들을 하나하나 집어넣는 동작을 조금? 줄여준다. 분석 코드로 확인해 보자면 private Map map = new HashMap() { { put(1, "aaaaaaaa"); put(2, "bbbbbbbbb"); put(3, "ccccccc"); } }; 위 코드는 우리가 아는 해쉬맵을 사용하는 코드이다. 하지만 자바 버전 9 이상부터는 Map.of를 통해 조금 더 간단하게 작성이 가능하다. private Map map = Map.of( 1, "aaaaaa", 2, "bbbbbbbb", 3, "ccccccccc" ); 이렇게 쓸 수..

문제 가로 길이가 2이고 세로의 길이가 1인 직사각형모양의 타일이 있습니다. 이 직사각형 타일을 이용하여 세로의 길이가 2이고 가로의 길이가 n인 바닥을 가득 채우려고 합니다. 타일을 채울 때는 다음과 같이 2가지 방법이 있습니다. 타일을 가로로 배치 하는 경우 타일을 세로로 배치 하는 경우 예를들어서 n이 7인 직사각형은 다음과 같이 채울 수 있습니다. 직사각형의 가로의 길이 n이 매개변수로 주어질 때, 이 직사각형을 채우는 방법의 수를 return 하는 solution 함수를 완성해주세요. 구현방법 제한 사항에 1000000007로 나눈 나머지를 return 하라는 조건이 있었다. 이부분을 보고 dp라는 의심을 했고 n이 1때부터 하나씩 찾아보면서 규칙을 찾았다. 기본적인 dp 문제인 것을 알 수 있..

문제 124 나라가 있습니다. 124 나라에서는 10진법이 아닌 다음과 같은 자신들만의 규칙으로 수를 표현합니다. 124 나라에는 자연수만 존재합니다. 124 나라에는 모든 수를 표현할 때 1, 2, 4만 사용합니다. 예를 들어서 124 나라에서 사용하는 숫자는 다음과 같이 변환됩니다. 10진법 124 나라 10진법 124 나라 1 1 6 14 2 2 7 21 3 4 8 22 4 11 9 24 5 12 10 41 자연수 n이 매개변수로 주어질 때, n을 124 나라에서 사용하는 숫자로 바꾼 값을 return 하도록 solution 함수를 완성해 주세요. 구현방법 표를 보면 뒷자리는 1 2 4 1 2 4 로 계속 반복되는 것을 볼 수 있다. 앞자리는 1 2 4 가 지나면 앞에 1이 붙고 다음 순환에서 2가..