remagine

REACT JS 공부해보기 다음 프로젝트는 REACT를 사용해서 프론트엔드를 관리하기로 하였습니다. 그래서 공부를 하면서 알게된 내용들을 파편적으로 정리하고자 합니다. 1. REACT VS ANGULAR 저도 많이 했던 질문입니다. REACT가 낳나요? ANGULAR가 낮나요? 결론적으로는 이 두 개는 비교 대상이 아니라는 것입니다. REACT는 LIBRARY이고, ANGULAR는 FRAMEWORK입니다. FRAMEWORK는 필요한 기능이 대부분 만들어 있어서, 이 기능을 활용하여 서비스를 만듭니다. 그래서 FRAME, 틀에서 벗어나는 기능을 만드는 것은 제약이 있습니다. LIBRARY는 그냥 가져다 쓸 수 있는 코드덩어리 입니다. 다른 LIBRARY와 충돌이 일어나지 않습니다. 가볍고 빠르지만, 기능을..

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Closures는 정말 천국과도 같은 사이트다 1. 클로저는 독립적인(자유) 변수를 가리키는 함수이다. 또는, 클로저 안에 정의된 함수는 만들어진 환경을 기억한다. 뭔소리인지 모르겠다. 일단 클로저는 내부함수를 지칭하는 말인듯 하다 2. 12345678function init() { var name = "모질라"; // init에 있는 지역 변수 name function displayName() { // 내부 함수, 즉 클로저인 displayName() alert(name); // 부모 함수에 정의된 변수를 사용한다 } displayName();}init();Colored by Color Script..

혼자서 웹 서비스 만들어보기 - 7https://github.com/remagine/webNovel/tree/develop 1. 태그 검색 만들기 게시물에는 Tag라는 컬럼이 있습니다. 해당 컬럼은 현재 String(Varchar) 타입 컬럼입니다. 보통 Tag로 검색을 할 때 어떻게 구현할지 생각해 봤습니다. apink라는 단어로 검색을 한다고 해보겠습니다. 만일 Tag가 String 컬럼이라면 "apink, sistar, twice, exo" 이런 식으로 저장이 되어있을 것 입니다. 검색을 구현한다면 select * from story where tag ilike "%apink%" apink를 검색하기 위해선 like 검색에 %를 앞뒤로 붙여줘야 합니다. 이렇게 검색하면 일단 index는 태울 수 없..

무한히 큰 배열에 다음과 같이 분수들을 적혀있다.1/11/21/31/41/5…2/12/22/32/4……3/13/23/3………4/14/2…………5/1……………………………이와 같이 나열된 분수들을 1/1 -> 1/2 -> 2/1 -> 3/1 -> 2/2 -> … 과 같은 순서로 차례대로 1번, 2번, 3번, 4번, 5번, … 분수라고 하자.X가 주어졌을 때, X번째 분수를 구하는 프로그램을 작성하시오.입력첫째 줄에 X(1≤X≤10,000,000)가 주어진다.출력첫째 줄에 분수를 출력한다. 1. 내 풀이1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 import java.io.BufferedReader;i..

알파벳 찾기 성공문제집 시간 제한메모리 제한제출정답맞은 사람정답 비율1 초256 MB21681261112860.973%문제알파벳 소문자로만 이루어진 단어 S가 주어진다. 각각의 알파벳에 대해서, 단어에 포함되어 있는 경우에는 처음 등장하는 위치를, 포함되어 있지 않은 경우에는 -1을 출력하는 프로그램을 작성하시오.입력첫째 줄에 단어 S가 주어진다. 단어의 길이는 100을 넘지 않으며, 알파벳 소문자로만 이루어져 있다.출력각각의 알파벳에 대해서, a가 처음 등장하는 위치, b가 처음 등장하는 위치, ... z가 처음 등장하는 위치를 공백으로 구분해서 출력한다. 1. 내 답안123456789101112131415161718192021222324252627282930313233343536373839404142..

혼자서 웹 서비스 만들어보기 - 6https://github.com/remagine/webNovel/tree/develop 사실 매일 조금씩 업데이트는 해왔는데 글로 정리를 못해 죄송하게 생각합니다. 오늘은 Story > Chapter 의 등록과 수정을 만들어 볼까 합니다. 의도한 Flow는 이렇습니다. 1. 글쓰기 버튼을 누른다. 2. 로그인 인터셉터로 session을 체크해서 로그인 페이지로 redirect 혹은 story list 페이지를 반환한다. 3. 사용자가 작성한 Story List가 나옵니다. 여기서 Register를 누릅니다. 4. 이제 Story 작성을 하고 등록을 누릅니다. 5. 등록 결과 메시지나 나오면서 수정페이지로 넘어갑니다. 오른쪽에 Chapter List를 볼 수 있는 nav..

문제"OOXXOXXOOO"와 같은 OX퀴즈의 결과가 있다. O는 문제를 맞은 것이고, X는 문제를 틀린 것이다. 문제를 맞은 경우 그 문제의 점수는 그 문제까지 연속된 O의 개수가 된다. 예를 들어, 10번 문제의 점수는 3이 된다."OOXXOXXOOO"의 점수는 1+2+0+0+1+0+0+1+2+3 = 10점이다.OX퀴즈의 결과가 주어졌을 때, 점수를 구하는 프로그램을 작성하시오.입력첫째 줄에 테스트 케이스의 개수가 주어진다. 각 테스트 케이스는 한 줄로 이루어져 잇고, 길이가 0보다 크고 80보다 작은 문자열이 주어진다. 문자열은 O와 X만으로 이루어져 있다.출력각 테스트 케이스마다 점수를 출력한다.예제 입력 복사5 OOXXOXXOOO OOXXOOXXOO OXOXOXOXOXOXOX OOOOOOOOOO ..

세 개의 자연수 A, B, C가 주어질 때 A×B×C를 계산한 결과에 0부터 9까지 각각의 숫자가 몇 번씩 쓰였는지를 구하는 프로그램을 작성하시오. 예를 들어 A = 150, B = 266, C = 427 이라면 A × B × C = 150 × 266 × 427 = 17037300 이 되고, 계산한 결과 17037300 에는 0이 3번, 1이 1번, 3이 2번, 7이 2번 쓰였다. 1. 첫번째 풀이1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465package dd; import java.util.ArrayList;import java.ut..

A binary gap within a positive integer N is any maximal sequence of consecutive zeros that is surrounded by ones at both ends in the binary representation of N.For example, number 9 has binary representation 1001 and contains a binary gap of length 2. The number 529 has binary representation 1000010001 and contains two binary gaps: one of length 4 and one of length 3. The number 20 has binary re..

주어진 문자열(공백 없이 쉼표로 구분되어 있음)을 가지고 아래 문제에 대한 프로그램을 작성하세요.이유덕,이재영,권종표,이재영,박민호,강상희,이재영,김지완,최승혁,이성연,박영서,박민호,전경헌,송정환,김재성,이유덕,전경헌김씨와 이씨는 각각 몇 명 인가요?"이재영"이란 이름이 몇 번 반복되나요?중복을 제거한 이름을 출력하세요.중복을 제거한 이름을 오름차순으로 정렬하여 출력하세요.매우 쉽지만 이런 것도 할줄 알아야 하겠다. 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586..