정현's 블로그

1. React 1) 이번주 한 일 유저 피드백 취합 노랑: 단 기간 내 해결 가능. 빨강: 구현하는 데 시간이 걸리는 기능. 개선이 필요한 사항 작품 북마크 후 마이페이지에서 확인하면 해당 작품이 2개가 북마크됨.(북마크 중복) 유저 스스로가 어떤 목적을 갖고 글을 쓸 지 지표가 되는 부분이 있었으면 좋겠다. 가입 시 페이지가 넘어가지 않을 때가 있음. 문장 작성 페이지에서 작성 시작하기 버튼 눌렀는데 인풋 박스가 보이질 않았다. 아이폰의 경우 참여자가 여러 명일 때 하단에 ‘.’ 이 생기는데, 프로필 사진과 겹친다. 웹으로 접속했을 때, 메인페이지에서 가장 아래의 이미지가 짤린다. 글 작성이 연속으로 2번 이루어질 때가 있다. 공지글과 메인섹션의 UI가 좀 더 구분되었으면 좋겠다. 로그아웃, 프로필 ..

1. 프로그래머스 - '#1037' 1) 문제 양수 A가 N의 진짜 약수가 되려면, N이 A의 배수이고, A가 1과 N이 아니어야 한다. 어떤 수 N의 진짜 약수가 모두 주어질 때, N을 구하는 프로그램을 작성하시오. 2) 입출력 예 2 4 2 3) 출력 예 8 4) 코드 function sol(input) { const divisors = input[1].split(" ").sort((a, b) => a - b); return divisors[0] * divisors[divisors.length - 1]; } const input = []; require("readline") .createInterface(process.stdin, process.stdout) .on("line", (line) => {..

1. 백준 - '#1158' 1) 문제 요세푸스 문제는 다음과 같다. 1번부터 N번까지 N명의 사람이 원을 이루면서 앉아있고, 양의 정수 K(≤ N)가 주어진다. 이제 순서대로 K번째 사람을 제거한다. 한 사람이 제거되면 남은 사람들로 이루어진 원을 따라 이 과정을 계속해 나간다. 이 과정은 N명의 사람이 모두 제거될 때까지 계속된다. 원에서 사람들이 제거되는 순서를 (N, K)-요세푸스 순열이라고 한다. 예를 들어 (7, 3)-요세푸스 순열은 이다. N과 K가 주어지면 (N, K)-요세푸스 순열을 구하는 프로그램을 작성하시오. 2) 입출력 예 입력 출력 7 3 3) 코드 consft fs = require("fs"); const readFileSyncAddress = "input.txt"; const ..

1. React 1) 이번주 배운 내용 1-1) 리덕스 리덕스 구조를 실전으로 익히게 되었다. 여전히 좀 헷갈리는게 적지 않으나 이번 기회에 제대로 공부 좀 하고 넘어가야겠다. 1-2) 협업 업무 진행 속도가 느려지는 걸 느낄 수 있었다.... userTest주차가 차주이고... 난이도 높은 기능들 추가하는 등 쫓기는 와중이라 다들 예민해진 상황. 항해99의 멘토로부터 MainPage 등 화면에서, 무엇을 위한 서비스인지 명확히 느끼질 못하겠다는 Feedback을 받았다. 21시에 모여 문제점 확인 & 업무 분담하게 됨. 우리팀 문제 디자이너 문제 1. 처음에 디자이너와 업무분담 명확히 안함. 1. 회의 일정 fix이후에도 회의 일정이 수시로 조절됨. 2. 웹소캣 통신 확인, 뷰 작성이 늦게 완료됨. 2..

문제: 세계는 균형이 잘 잡혀있어야 한다. 양과 음, 빛과 어둠 그리고 왼쪽 괄호와 오른쪽 괄호처럼 말이다. 정민이의 임무는 어떤 문자열이 주어졌을 때, 괄호들의 균형이 잘 맞춰져 있는지 판단하는 프로그램을 짜는 것이다. 문자열에 포함되는 괄호는 소괄호("()") 와 대괄호("[]")로 2종류이고, 문자열이 균형을 이루는 조건은 아래와 같다. 모든 왼쪽 소괄호("(")는 오른쪽 소괄호(")")와만 짝을 이뤄야 한다. 모든 왼쪽 대괄호("[")는 오른쪽 대괄호("]")와만 짝을 이뤄야 한다. 모든 오른쪽 괄호들은 자신과 짝을 이룰 수 있는 왼쪽 괄호가 존재한다. 모든 괄호들의 짝은 1:1 매칭만 가능하다. 즉, 괄호 하나가 둘 이상의 괄호와 짝지어지지 않는다. 짝을 이루는 두 괄호가 있을 때, 그 사이에 ..

출처: https://velog.io/@jengyoung/%EC%97%AC%EB%9F%AC-%EA%B0%9C%EC%9D%98-input%EC%9D%B4-%EC%9E%88%EC%9D%84-%EB%95%8C-useState%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%9C%EB%8B%A4%EB%A9%B4 import React, { useState } from 'react' const EventPractice = () => { const [form, setForm] = useState({ username: '', message: '' }) const {username, message} = form; const onChange = e => { const nextForm = { ...form, ..

1. React 1) 이번주 배운 내용 1-1. 뷰를 똑같이 구현하는 게 쉽지 않았음. 1-2. 다른 사람들의 코드 적극 참조 필요. 1-3. 웹소켓 통신 시, 콘솔창으로 데이터가 오고 가는 것을 확인할 수 있음. 서버와 통신하면서 데이터를 주고 받는 게 신기하고 재밌었음. 프론트 쪽은 거의 할 부분이 없었고, 백쪽에서는 특히 할일이 많았음. 처음이고 해서 시간이 생각보다 많이 걸렸음. 다음에는 버벅이지 않고 잘할 수 있을 듯! 2) Trouble Shooting css가 생각이상으로 까다로움. 단순히 뷰만 구현하는 것 이상의 무언가를 요구하는 작업임.

Git 명령어 git checkout -b 브랜치 명 (생성) git checkout -D 브랜치 명 (삭제) git remote update (깃허브 브랜치 최신화) git checkout -t origin/브랜치명 (깃허브에 다른사람이 만든 브랜치 가져오기) git add . → 변경이 일어난 모든 파일 추적 git commit -m "커밋 메시지" -m "description 적는 곳" → 커밋을 추가하는 명령어 git push origin (브랜치명) → github저장소에 push git branch -a → 모든 브랜치 목록 보기 git branch -D (브랜치명) → 로컬 브랜치 삭제 git push origin —delete (브랜치명) → 원격 브랜치 삭제 (—delete는 -D로 치환..

1. 프로그래머스 - '방금그곡' 1) 문제 네오는 자신이 기억한 멜로디를 가지고 방금그곡을 이용해 음악을 찾는다. 그런데 라디오 방송에서는 한 음악을 반복해서 재생할 때도 있어서 네오가 기억하고 있는 멜로디는 음악 끝부분과 처음 부분이 이어서 재생된 멜로디일 수도 있다. 반대로, 한 음악을 중간에 끊을 경우 원본 음악에는 네오가 기억한 멜로디가 들어있다 해도 그 곡이 네오가 들은 곡이 아닐 수도 있다. 그렇기 때문에 네오는 기억한 멜로디를 재생 시간과 제공된 악보를 직접 보면서 비교하려고 한다. 다음과 같은 가정을 할 때 네오가 찾으려는 음악의 제목을 구하여라. 방금그곡 서비스에서는 음악 제목, 재생이 시작되고 끝난 시각, 악보를 제공한다. 네오가 기억한 멜로디와 악보에 사용되는 음은 C, C#, D,..

1. CSS 1) 1분코딩 https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com CSS 필수 참고 사이트 2. React 3. Javascript 1) 알고리즘 1-1) 프로그래머스 1-2) 백준 2) 코딩 2-2-1) HTML 특수문자 리스트 http://kor.pe.kr/util/4/charmap2.htm HTML 특수문자 리스트 ßßßSmall sharp s, German (sz ligature) kor.pe.kr 4. Re..