전체 포스트

한 달 안에 취업하기 #6

오늘 할 일 알고리즘 1문제 SPA 프로젝트 프로그래밍 관련 유튜브 리뷰해보기 알고리즘 1문제 오늘의 문제 : 구명보트 Github SPA 프로젝트 [SPA Project] 개발노트 프로그래밍 관련 유튜브 리뷰해보기 오늘의 영상 : VELOPERT 최초 공개?! React계의 문익점이 말하는 프론트엔드 개발 React의 아버지 Velopert님의 인터뷰 영상이 있길래 가져와봤다. 전체적으로 React의 장점을 나열해 놓은 …

한 달 안에 취업하기 #5

오늘 할 일 알고리즘 1문제 velopert님의 React Router 강의 수강 SPA 프로젝트 최대한 진행해보기 알고리즘 1문제 오늘의 문제 : 가장 큰 수 Programmers GitHub 필자는 매일 알고리즘을 1문제씩 풀고있는 스터디에 참여중이다. 그리고 얼마전부터 level 1에서 level 2로 올렸는데 하루하루 문제푸는게 쉽지가 않다. 오늘은 스터디를 시작한 후 첫 실패작이다. 테스트 케이스에만 …

Javascript Map 정복하기

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

한 달 안에 취업하기 #4

오늘 할 일 알고리즘 1문제 Javascript Array 메소드 공부 SPA 프로젝트 주제 선정 프로젝트 최대한 진행해보기 기업 리뷰 1곳 프로그래밍 관련 유튜브 영상 1개 리뷰 알고리즘 1문제 GitHub Math.floor(x) : x보다 작은 정수중 최대값을 return Javascript Array 메소드 공부 Javascript Array Method 정리 SPA 프로젝트 주제 선정 고민을 많이 했는데 …

Javscript Array Method 정리

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

한 달 안에 취업하기 #3

오늘 할 일 알고리즘 1문제 (programmers level 2로) Node.js 공부 최대한 해보기 기업 리뷰 1곳 프로그래밍 관련 유튜브 영상 1개 리뷰 알고리즘 1문제 GitHub array.some 개념을 사용하여 풀었다. Node.js 공부 최대한 해보기 이건 진짜 변명이 아니라 지금은 Node.js 할 떄가 아닌것 같습니다.. 그 어제 TodoList 프론트를 짜는데 생각대로 척척 짜지지가 …

한 달 안에 취업하기 #2

오늘 할 일 알고리즘 1문제 위솝 이력서 작성해보기 토이프로젝트 프론트 완성 Node.js 공부 시작. Mongo DB, Oracle, MySQL등의 차이점 알아보기 코딩관련 유튜브 영상 리뷰해보기 알고리즘 1문제 이거 외않되?; 정확한 답을 원했나보다 return `김서방은 ${answer}에 있다`로 마지막줄을 수정해줬더니 성공했다. 내일부터는 난이도를 좀 올려볼까 고민중이다. Github 이력서 작성해보기 이력서를 작성해보려 다시 홈페이지를 …

한 달 안에 취업하기 #1

오늘 할 일 알고리즘 2문제 1문제 졸업 작품 GitHub 정리 about me 포트폴리오 완성하기. 새 토이 프로젝트 구상(구체적으로) 기업 1개 자료조사 알고리즘 수박수박수 문제 숨도 안쉬고 15초만에 풀고 만족스러워하며 실행을 눌렀음 answer.join('') 을 이용하여 배열을 합쳐 해결. Github 졸업작품 GitHub 정리 Github about me 포트폴리오 완성하기. https://yoyounn18.github.io/react-profile-final/ 새 토이 프로젝트 …

한 달 안에 취업하기 #0

미친놈 필자는 현재 병에 걸려있다. 일정이 없어진 1.14 부터 현재까지 아무것도 안하고 시간만 보냈다. 무슨 병인지는 몰라도 심각한 병인것은 틀림없다. "그게 뭐 어때서" 라고 생각하는 사람들도 있지만, 필자는 현재 20대에서 가장 중요한 시기 (필자는 2020.02 졸업 예정자)라는 것을 고한다. 미친게 분명하다. 무엇이든 바꿔야만 한다. 무엇을 해야할까를 고민을 해본 결과 뻔하게도 …

React로 Hello World 출력

Hello, React React로 Hello World를 출력해보자. 기본적인 설치 방법과 사용 방법을 기록하기 위해서 작성한다. How to install npm install -g create-react-app How to make application create-react-app hello-world 위 명령어를 이용하여 애플리케이션을 생성할 수 있다. 생성된 디렉터리 아래 src 내부의 모든 파일을 지운 뒤 index.js와 index.css를 생성하고 index.js에 아래와 같은 내용을 …

Docker 명령어 정리

Docker 아직 도커를 잘 모르는 상태로 작성하였음을 감안해주시길 바라며 내용은 주기적으로 바뀌거나 추가됩니다. 또한 Ubuntu 20.04 LTS 기준으로 작성되었음을 안내드립니다. *설치를 제외한 모든 명령어를 동일하게 사용할 수 있습니다. 설치 sudo apt-get install docker docker-compose Docker 설치 후 아무런 작업이 안해줬다면 권한의 문제로 sudo를 지속적으로 붙여 사용해야 하는데 이 경우 아래 …

BLEX 2020 개발노트

December 2020. 12. 24. 다크모드가 시스템 옵션을 따라가도록 변경 2020. 12. 20. 몇가지 디자인 수정 (링크, 다크모드 색조 조절) 2020. 12. 16. 포스트 설정에 포스트 수정 버튼 추가 포스트 내부에 포스트 삭제 버튼 추가 내부 링크(같은 도메인)의 로딩 속도 향상 2020. 12. 14. 댓글 사용자 드래그 앤 드롭시 사용자 태그 …

신입 개발자 기술면접 준비하기

이 글은 전산 기초와 프로그래밍 패러다임인 객체 지향과 함수형 프로그래밍, 웹 아키텍처인 REST API, 소프트웨어 개발 방법인 TDD와 MVC 패턴, 자료구조인 순차 자료구조, 연결 자료구조, 스택, 큐, 트리, 힙, 그래프, 해쉬 등에 대한 개념을 설명하고 TCP와 UDP의 차이점 등 네트워크 개념도 다룹니다.

신입 개발자 자기소개서 준비하기

이 글은 자소서와 자기소개서 작성에 대한 개인적인 경험과 공부를 바탕으로 작성된 글입니다. 자소서 작성 시 첨삭을 받아가며 자소서가 소설에 불과하다는 생각을 하게 된 저자는 자기소개서 작성에 대해 책에서 배운 내용을 공유하면서 의지, 능력, 꾸준함 등의 요소를 강조하며 이를 토대로 자기소개서 작성을 조언합니다.

Pythonic이란 무엇인가?

Pythonic은 파이썬스러운 코드를 의미하며, 가독성을 높이기 위한 가이드라인인 PEP 8을 따르는 것이 중요하다. 코드 구문을 한 줄에 하나씩 작성하고, private 속성은 _(언더스코어)를 사용하여 표현하며, early return 방식을 사용하는 등의 규칙이 있다. 또한 lambda와 filter, map 활용, with open을 사용하는 등의 방식도 추천된다. PEP 8을 준수하는지 확인하기 위해 pep8을 사용할 수 있다.

Rust-Lang의 특징 Hello, Rust!

Rust가 추구하는 것은 C, C++보다 빠르거나 동등한 속도를 내면서도 Python 혹은 JavaScript 처럼 안정적인 것이었고 현재 러스트는 빠르고 안정적인 언어로 높이 평가 받고있다. 러스트는 어떻게 이러한 목표를 달성할 수 있었을까? 메모리 관리언매니지드 언어컴파일 언어에 속하는 C 혹은 C++는 프로그래머가 메모리를 제어한다. 프로그래머의 역량에 따라 속도 및 안정성에 많은 영향을 받는다. …

[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> ); } 위 코드는 …

[11.5] React 공부

기초 폼 React.DOM.render { <h1>Hello, World!</h1> document.getElementById('root') } render는 react의 정수이다. 위에 코드를 살펴보면 H1태그를 작성하였고 root이라는 ID를 가진 element를 불러왔다. react는 h1태그와 같은 html을 rootID를 가진 element에 render해준다. 따라서 화면엔 Hello World가 출력된다. 그리고 이러한 문법을 JSX라고 한다. JSX const element = <h1>Hello World!</h1> JSX는 위 코드와 같이 변수에도 …

[11.1]Javascript 공부

IIFE js에서 자주사용되는 코딩패턴 중 하나이다. JS에서의 함수 function foo() { alert("Hello World"); } foo(); IIFE를 적용하지 않은 코드 foo 라는 함수를 1-3째 줄에 선언하고 5번째 줄에서 foo();를 통해 호출해내는 일반 개발자들이라면 자연스럽게 떠올릴 만한함수의 선언과 호출 과정이다. var msg = "Hello World"; var foo = function () { alert(msg); …

달력을 출력하는 알고리즘

달력 알고리즘 심플한 달력 프로그램을 만드려고 고민하는 도중, 최소한 달력을 자동으로 출력해서 토요일과 일요일은 다른색으로 표시하는 기능을 만들어 보려고했다. 하지만 딱히 달력이라는 개념에 대해서 생각하며 살아온 건 아니었기 때문에 기능을 구현하다가 막히게 되었다. 처음에는 시스템의 요일과 해당 일(3월 2일 금)을 가져와서 1일의 요일을 찾아가는 방식을 사용하려고 했지만 이미 만들어진 기능으로 …

[알고리즘] 하노이의 탑 Javascript로 풀어보기

하노이의 탑 풀어보았다. 소스코드 function Hanoi(plate, departure, dropBy, destination) { if (plate === 1) { document.getElementById('responseDiv').innerHTML = `${plate}을 ${departure}에서 ${destination}로 이동` } else if (plate > 1) { Hanoi(plate - 1, 'A', 'B', 'C'); document.getElementById('responseDiv').innerHTML = `${plate - 1}을 ${departure}에서 ${destination}로 이동` Hanoi(plate - 1, 'C', 'A', 'B'); } } …

JavaScript ES201n 공부

글에 앞서 본 글은 ZeroCho님의 ECMAScript 텍스트 강좌를 인용했습니다. ES6 JavaScript의 ES시리즈란 JavaScript의 버전을 말한다. 최신 Javascript는 var부터 모든것들이 바뀌고 편의성이 개선되었다고 한다. const, let var을 대체하는 이 두 가지는 함수의 스코프를 따르는것이 아닌 블록 스코프를 따른다. var은 어느곳에서 선언해도 최상단으로 끌어올려지는 '호이스팅'이라는 개념때문에 개발자가 예기치 못한 상황을 많이 맞이하였지만, …