함께 자라기

함께 자라기의 핵심은 현재 자라고 있는지에 대한 중요성입니다. 자기계발은 복리로 돌아온다는 점을 강조하며, 이율을 높이고 지속적인 투자를 고민해야 한다고 말합니다. 또한, 복리를 만들기 위해 자신이 이미 갖고 있는 것들을 잘 활용하고 외부 자극을 받아 자기화하는 것이 중요하다고 언급합니다. 달인이 되려면 의도적 수련과 적절한 피드백이 필요하며, 전문성 형성을 위해 타당성과 피드백의 중요성을 강조합니다. 실력을 높이기 위해서는 의도적 수련이 필수적이며, 적절한 난이도와 피드백을 유지해야 한다고 말합니다. 또한, 실패를 통해 학습하고 자신의 실력을 높여주는 도구와 환경을 조성해야 한다고 강조합니다. 마지막으로, 실수는 예방하는 것이 아니라 관리해야 한다고 말하며, 실수 문화에 대해 설명합니다.

구름IDE 후기 및 앞으로 할 일

도저히 회사 사무실에서는 불가능 할껏 같음. 인트라넷을 쓰다보니 너무 불편함 동기 일일히 수많은 데이터 값을 입력해야하는 불편한 점이 있음 (DB에서) 고도화 사업 대비 불편한 점을 좀더 수정 해놓기로함 회사 내 코드를 좀 더 개발해보기로 결정 (불편한 점) 목표 엑셀 파일에 데이터 입력 후 업로드 시 DB자동 저장 순서대로 입력된 값을 …

혼자서 프로젝트 및 기술 블로그 만들기.

다들 길게 쓰고 여러가지 캡쳐를하더라. 점점더 작아지는느낌? 현재 글쓴이는 개발회사에 취직을 한 상태 SI와 SM을 병합하여 한다. 신입이라 그런지 이것저것 의욕이 많아서. 회사 내 참조할 코드가 너무많아서. 개발을 3개정도 했다. (기능개선은 3개) 근데 서버가터졌다. 필자때문은 아닌거같은데 결과적으로는 총 6개중에 5개만 업로드하고 사유서를 써야했다. 의욕이 넘쳤던걸까. 인트라넷을 쓰는 회사다 보니 개발에 …

한 달 안에 취업하기 #17

오늘 할 일 알고리즘 1문제 면접 문제 복기하기 알고리즘 1문제 Github 면접 문제 복기하기 자바스크립트의 자료형 Number String Boolean Undefined Null Function Object Array 자료형을 두 종류로 나누기 원시타입 : Number, String, Boolean, Undefined, Null 참조타입 : Object, Function, Array 자바스크립트 this의 4가지 활용법 일반 함수 실행 방식 (this 값 …

한 달 안에 취업하기 #16

오늘 할 일 알고리즘 1문제 웹 관련 개념 잡기 알고리즘 1문제 Github 웹 관련 개념 잡기 자바스크립트의 이벤트 위임 요소들 각각에 이벤트를 부여하는 것이 아닌 하나의 이벤트 리스너로 전체영역에 등록하는 것. document.addEventListener('DOMContentLoaded', function() { let app = document.getElementById('todo-app'); // 리스트 아이템의 전체 영역에 이벤트 리스너를 등록합니다. app.addEventListener('click', function(e) { if …

한 달 안에 취업하기 #15

오늘 할 일 알고리즘 1문제 vingle 문제 풀기 프론트엔드 면접질문 달아보기 글 복습 javascript 개념공부 알고리즘 1문제 Github Vingle 문제 풀기 Vingle 사전 평가 문제 그림1에서 test.txt 가 있을 때 log 를 작성해주세요. 132 그림1에서 test.txt 가 없을 때 log 를 작성해주세요. 13 다음과 같이 Callback이 중첩된 코드를 어떻게 하면 …

한 달 안에 취업하기 #14

오늘 할 일 알고리즘 1문제 알고리즘 1문제 Github 중요 공지 오늘 지원했던 회사 중 한 곳에서 면접제의가 왔다. 그쪽에서 말씀하시길 1-2시간이 걸리는 기술면접이 될것이라고 엄포를 놓은지라 발등에 불이 떨어졌다. 면접일은 목요일이고 그 날까지 하루 1알고리즘을 제외하고는 모두 이론만을 다뤄야 할 것 같다. 그 이론은 과거에 했던 면접질문 답변 달아보기가 될 …

한 달 안에 취업하기 #13

오늘 할 일 알고리즘 1문제 토이 프로젝트 시작 프로그래밍 관련 유튜브 영상 리뷰해보기 알고리즘 1문제 오늘의 문제 : https://programmers.co.kr/learn/courses/30/lessons/42586 Github 토이 프로젝트 시작 기한을 좀 2.14까지로 잡았는데 아무래도 새로운 개념인 React Hooks와 Redux를 배워가면서 동시에 프로젝트에 접목시켜야 하기 때문에, 기한을 넉넉하게 잡았다.(부족할지도 모른다.) 이번에는 우리 스터디의 특성에 맞춰서 모바일 환경을 …

한 달 안에 취업하기 # 12

오늘 할 일 알고리즘 1문제 새 토이 프로젝트 React Hooks 공부 알고리즘 1문제 오늘의 문제 : https://programmers.co.kr/learn/courses/30/lessons/12948 Github 새 토이 프로젝트 구상 일전에 구상했던 1일 1알고리즘의 인증 사이트를 제작해보려한다. 투두리스트의 발전된 버전이라고 생각하면 될 것 같은데, 사진까지 하려고하면 DB가 필요할것같아서 일단 사진은 재껴두고 기능적인 구현만 해보려고한다. 상태관리가 핵심이 될 것 …

한 달 안에 취업하기 #11

오늘 할 일 알고리즘 1문제 About me 프로젝트 시작 프로그래밍 관련 유튜브 영상 리뷰(이번엔 꼭 한다) 알고리즘 1문제 오늘의 문제 : https://github.com/yoyounn18/1Day1Algorithm/blob/master/%EC%B2%B4%EC%9C%A1%EB%B3%B5 Github About me 프로젝트 시작 / 끝 사이트 주소 : https://yoyounn18.github.io/kimyoungjo/ 후술할 사정에 의해서 어제 글을 못쓰고 오늘 하루에 About me 프로젝트를 끝냈다. SPA로 잘 구성해서 완성하고 만족스러운 …

한 달 안에 취업하기 #10

알고리즘 1문제 오늘의 문제 : https://programmers.co.kr/learn/courses/30/lessons/12918 GitHub SPA 프로젝트 끝내기 https://yoyounn18.github.io/SPA-Toy-Project/ 끝냈다. 우여곡절 끝에 어쨌든 끝냈다. 끝내고 나서 든 생각은 빨리 다음 프로젝트를 시작하고 싶다는 생각이 들었다. 어떤 프로젝트를 할 지 많은 아이디어가 떠올라서 그것들을 정리하는 시간을 가져보려한다. (추가) 방금 완성된 프로젝트를 24인치 모니터가 달린 pc에서 확인을 했는데 배경 no …

한 달 안에 취업하기 #9

오늘 할 일 알고리즘 1문제 SPA 프로젝트 최대한 진행해보기 알고리즘 1문제 오늘의 문제 : https://app.codesignal.com/arcade/intro/level-2/xzKiBHjhoinnpdh6m Github map() 을 활용할 기회일것 같아서 최대한 활용해보려 했는데 map안에서 index를 늘릴 방법을 모르겠어서 포기하고 for문을 돌려버렸다. SPA 프로젝트 최대한 진행해보기 개발노트 마음에 100퍼센트 든다고는 못하겠지만 현재의 내가 낼 수 있는 최고의 산출물인것은 확실할듯 하다. …

[SPA Project] 개발노트

React.js의 정수 SPA를 다루기 위해 시작한 프로젝트 1.30 사용할 page 구성 완료 이미지 파일 수집 Intro page 디자인 1.31 about 페이지 디자인 사용할 컴포넌트 Title, Typography 제작 각 페이지 Link to 연결 2.1 각 페이지 연결 완료 album 페이지 완료 2.2 intro 페이지 제외 올 리셋 about 페이지 완료 2.4 …

Javascript Map 정복하기

Map 볼 때 마다 이해가 안되는 녀석이다. 이론적으로는 이해가 되는데 응용이 조금이라도 첨가되면 바로 뇌정지가 와버린다. 이번 기회에 응용까지 싹다 끝내버리려고 한다. map은 forEach와 마찬가지로 Array의 각 요소를 순회하며 callback 함수를 실행합니다. 다만, callback에서 return 되는 값을 배열로 만들어냅니다. 기본적인 사용법 const arr = [0, 1, 2, 3]; let squaredElement …

Javscript Array Method 정리

arr.pop() : 배열 맨 뒷부분의 값을 삭제 arr.push() : 배열 뒷부분에 값을 삽입 arr.shift() : 배열 앞부분의 값 삭제 arr.unshift() : 배열 앞부분에 값 삽입 arr.splice(index, 제거할 요소 개수, 변경된 영역에 추가할 요소) : 배열의 특정 위치에 요소를 주가하거나 삭제 arr.slice(start index, end index) : start index 부터 end index …

테스트

테스트

[React.js] Hover 버튼 만들기

React.js를 이용하여 About Me 페이지를 만들던 중 state의 개념과 onMouseOver을 이용하여 Hover(마우스 오버시 반응하는 것) 버튼을 만들어보았다. import React, { Component } from 'react'; import './HoverBtn.css' class HoverBtn extends Component { constructor(props) { super(props); this.handleMouseHover = this.handleMouseHover.bind(this); this.state = { isHovering: false, }; } handleMouseHover() { this.setState(this.toggleHoverState); } toggleHoverState(state) { …

예술 작품들

[11.6] React 공부

Component 추출하기 function Comment(props) { return ( <div className = "Comment"> <div className = "UserInfo"> <img className = "Avatar" src = {props.author.avatarUrl} alt = {props.author.name} /> <div className = "UserInfo-name"> {props.author.name} </div> </div> <div className = "Comment-text"> {props.text} </div> <div className = "Comment-date"> {formatDate(props.date)} </div> </div> ); } 위 코드는 …