noyo0123 (노요셉)

@noyo0123

노요셉

자바스크립트를 주언어로 개발을 배우고 있습니다. 서로 아는 것들을 공유해요~

태그

css - transform

transform으로 할 수 있는 것들 * translate, translate3d 위치를 이동시킴. css3에서는 3d도 지원 translate도 종류가 다양합니다. translate(x,y) image.png 출처 : translate() - MDN tran...

약 11시간 전0개의 댓글

2019 11 CSS transform

css - transition

css 프로퍼티를 변화시킬때 그 기간을 설정하여 동적인 효과를 내는 속성입니다. transition-property의 속성값에 all을 적으면 모든 변화를 transition에 적용합니다. 또한, 단일 속성만 transition 적용할 수도 있습니다. div위에 마...

약 12시간 전0개의 댓글

2019 11 transition CSS

css - animation

css에서 animation 형태로 @keyframes 키워드를 통해 애니메이션이 어느 타이밍에 어떻게 변할지 정의한후, css의 animation프로퍼티를 이용하여 dom에 애니메이션을 적용합니다. 1. @keyframs 정의 정리 자동으로 움직여야되는 ...

약 13시간 전0개의 댓글

CSS 2019 11

css - position

position: relative absolute fixed static relative: 렌더링된 위치를 기준으로 top, right, bottom, left가 정해짐. absolute: 상위 요소의 위치를 기준으로 top, right, bottom, left...

약 16시간 전0개의 댓글

CSS 2019 11

리액트 예제 - KeyPress이벤트, ref 사용하기

코드 : https://github.com/leaveittogod0123/ReactLab/tree/master/Contact keypress 이벤트 image.png phone에 값을 입력한후 "Enter"를 쳐서 Create 버튼을 클릭한 것과 같은 효과를 내...

1일 전0개의 댓글

keypress ref

리액트 예제 - state 내부 배열처리, 데이터 추가/삭제/수정

소스코드 : https://github.com/leaveittogod0123/ReactLab state 내부 배열 처리 state에 참조값 형태의 state의 경우에는 데이터를 수정하지 않고, 새로운 객체나 배열에 값을 복사해 수정하는 방법을 사용해야합니다. st...

1일 전0개의 댓글

네트워크 javascript - 프로그래머스

문제이해 간단한 DFS/BFS 문제입니다. DFS,BFS의 목적은 모든 노드를 한 번씩 방문하는 것입니다. 방문을 한 번씩 하려면 방문 했는지 기록해놔야합니다. 방문 했음을 기록할 check 배열을 노드의 개수만큼 만듭니다. 로직 i번 컴퓨터와 j번 컴퓨터...

1일 전0개의 댓글

2019 11 프로그래머스

타겟 넘버 javascript - 프로그래머스

문제이해 주어지는 숫자의 개수는 2개 이상 20개 이하입니다. 그리고 저는 모든 숫자에 + , - 부호를 붙여서 누적할 것입니다. 그 누적 값이 타겟 넘버와 같으면 answer를 1씩 증가해줄 겁니다. 로직 최대 20개의 숫자를 늘어놓고, 각 숫자를 뽑아서 + 부호...

2일 전0개의 댓글

2019 11 프로그래머스

리액트 예제 - 연락처 보기, 검색기능

소스코드 - https://github.com/leaveittogod0123/ReactLab/tree/master/Contact Contact 기본 구조 value 값이 0이면 해당 rule을 꺼버리는거고요. 1로 한다면 경고가 뜨게 됩니다. 이렇게 설정을 덮어씌...

3일 전0개의 댓글

VSCode에서 ESLint와 Prettier 함께 사용하기

환경 macOS Mojave 10.14.6 vscode node v10.16 CRA를 사용하지 않고 웹팩을 이용해서 빌드하려고 합니다. * ESLint 자바스크립트용 Linter * Linter 소스코드 분석해 정해진 규칙 체크 * Formatting rules...

5일 전0개의 댓글

vscode eslint prettier

react 시작하기 + webpack + babel 설정

리액트를 정리하기 위한 블로그입니다. 잘못된 개념의 경우는 피드백 주시면 감사하겠습니다. 리액트 왜 쓸까요? 사용자 인터페이스를 만들기 위한 Javascript 라이브러리 프레임워크라고 생각하고 있습니다. 사용자 인터페이스가 영어로 줄이면 UI죠. 버튼, 메뉴, ...

5일 전0개의 댓글

webpack babel

MYSQL 데이터베이스 생성 및 테이블 사용하기

데이터베이스 생성하기 이 외에도 컬럼 순서 바꾸기, 디폴트 값 변경, 컬럼 추가하기 등등 레퍼런스

6일 전0개의 댓글

mysql

MYSQL 설치 및 사용자 권한 설정

설치전 brew가 설치 되어있어야 합니다. [HomeBrew사용법] (https://velog.io/@noyo0123/HomeBrew-%EC%82%AC%EC%9A%A9%EB%B2%95) mysql 설치 터미널을 켜시고 다음 명령어를 입력합니다.

6일 전0개의 댓글

mysql

HomeBrew 사용법

HomeBrew 설치 출처

6일 전0개의 댓글

homebrew

vscode 단축키모음

현재 행 위 아래로 복사및 추가하기 shift+alt+Down 위에 행 복사 추가 editor.action.copyLinesDownAction shift+alt+Up 아래에 행 복사 추가 editor.action.copyLinesUpAction 다중 커서 셀렉션 o...

6일 전0개의 댓글

폰켓몬 Javascript - 프로그래머스

문제이해 당신은 최대한 다양한 종류의 폰켓몬을 가지길 원하기 때문에, 최대한 많은 종류의 폰켓몬을 포함해서 N/2마리를 선택하려 합니다. N마리 폰켓몬의 종류 번호가 담긴 배열 nums가 매개변수로 주어질 때, N/2마리의 폰켓몬을 선택하는 방법 중, 가장 많은 종류...

2019년 11월 9일0개의 댓글

프로그래머스 2019 11

스킬트리 javascript - 프로그래머스

문제이해 스킬트리의 문제는 스킬이 "CBD"로 주어지면 C - B - D 순으로 스킬을 배워야 한대요. 로직 제가 생각한 풀이는 스킬들을 queue에 넣고 skill_trees들을 순차탐색하면서 스킬이 존재하고, 큐의 front에 있는 스킬인지 확인을 합니다. f...

2019년 11월 5일0개의 댓글

프로그래머스 2019 11