그동안 회사에 적응하고 너무 편해져서 공부를 소홀히 하다가 자바스크립트가 낯설어지는 현상이 생겨서 다시 주말에 공부하기로 했다. 아직도 코드를 짜다보면 현재 this가 어디에 바인딩 되어있는지를 구분 못할 때가 종종 있다. 이 부분을 확실히 정리하고 싶어서 책을 다시 펼쳤다.

[rails] 레일즈 모델 - 데이터 추출하기

6 minute read

실무 로직을 짜보니 레일즈가 익숙하지 않아 데이터에 접근할 때부터 매우… 불편하다. 나름대로 가이드도 보고 공부했다고 생각했는데 역시 제대로 정리하지 않으면 부질 없다. 가장 기본이 되는 데이터 추출 방법에 대해 정리해보도록 한다. 요약 내용은 퍼펙트 루비 온 레일즈(Pe...

2020

[javascript] 스터디 4주차 - 자바스크립트 코딩의 기술 8장 요약

5 minute read

8. 클래스로 인터페이스를 간결하게 하라

[rails] 레일즈 모델 기본 - 액티브 레코드를 사용한 모델 생성

1 minute read

목표 레일즈의 모델 기본 개념을 배운다. 1. O/R 맵퍼 O/R(Object/Relational) 맵퍼는 관계형 데이터베이스와 객체 사이를 연결시켜주는 라이브러리다. 실제 데이터 베이스와 객체의 구조적인 차이를 객체 관계 불일치라 하는데, O/R 맵퍼가 잘못된 매칭을 ...

[javascript] 스터디 3주차 - 자바스크립트 코딩의 기술 6-7장 요약

9 minute read

회사 적응과 스터디로 심신이 지치고있다… 그래도 이번주는 버텨보자는 마음으로 진행하려고 한다.

[javascript] 스터디 2주차 - 자바스크립트 코딩의 기술 4-5장 요약

9 minute read

시간이 부족했다는 피드백을 통해 이번주는 2장만 살펴보기로 했다.

[Server] AWS - Amazone Web Service 이해하기

2 minute read

기업들이 주로 쓰는 클라우드 서비스에는 여러가지가 있는데, 아마 가장 유명한 것은 AWS 아닐까 싶다. 아마존 웹 서비스를 줄여 AWS라고 부르는데, 다들 아는 아마존닷컴의 클라우딩 컴퓨팅 사업부를 칭한다.

[Server] IDC와 클라우드

2 minute read

신입 교육도 막바지다. 오늘은 서비스 인프라에 관련하여 교육이 진행됐다.

[rails] 레일즈 구조 파헤치기

4 minute read

목표 레일즈의 기본적인 구조를 파악한다. 레일즈 프로젝트 구조 요약 파일/폴더 목적 Gemfile 이 파일은 여러분의 레일즈 어플리케이션에게 필요한 젬의 의존성 정보를 기술하는데 사용. ...

[javascript] 스터디 1주차 - 자바스크립트 코딩의 기술 1-3장 요약

8 minute read

학원 수료를 마치고 신입 개발자로서 프런트엔드 업무를 맡게되었다. 역시나 걸리는 점은… 자바스크립트가 약하다는 생각이다. 그래서 비슷한 고통을 겪는 학원 동기들과 스터디를 하게 됐다.

30대 비전공자(?) 국비학원 6개월만에 취업하기

9 minute read

1. 시작하며

[javascript] 코어 자바스크립트 - 실행컨텍스트

less than 1 minute read

정리 내용 및 예시코드는 코어 자바스크립트를 보고 정리했습니다.

[rails] ruby on rails 입문

1 minute read

레일즈(Rails)는 루비 언어로 작성된 웹 어플리케이션 프레임워크로, 2014년 덴마크의 프로그래머 데이비드 하이네마이어에 의해 개발되었다. 레일즈는 간결한 구조로 높은 생산성이 특징이며 MVC 패턴을 따른다.

[ruby] 루비 언어 입문하기

2 minute read

루비(ruby)는 마츠모토 유키히로(마츠)가 개발한 동적 객체지향 스크립트 프로그래밍언어다. 1995년 개발된 루비는 레일즈(rails)라는 웹 어플리케이션 프레임워크가 개발되면서 상승세를 탔다. 2020년 12월 현재 TIOBE 점유율 15위를 기록하고 있다.

[javascript] axios를 사용하여 AJAX 요청하기

1 minute read

등장하는 예시 코드는 Node.js 교과서에 나온 예를 가져왔습니다.

[javascript] TypeScript란?

less than 1 minute read

TypeScript란?

[javascript] ES6+에서 바뀐 문법 정리

4 minute read

2015년을 기점으로 javascript에 큰 변화가 있었다. ES2015 = ES6이 그것이다. 실무에서는 대부분 최신 문법을 사용하여 작성하고 있다고하니 숙지하는게 좋다.

[Node.js] 노드 핵심개념 이해하기

2 minute read

Node.js란?

[JAVA,SQL] 날짜 비교 출력하기 (방금전, 1시간전 …)

1 minute read

알림 기능을 구현하고 나니 SNS 작성글 처럼, 알림이 등록된 시간을 현재 시간과 비교하여 표시하고 싶어졌다.

[jquery] 알림페이지 더보기 버튼 구현

1 minute read

이전에 포스팅한 알림기능에서 저장된 알림목록을 조회하는 view를 작성했다. 이미 읽은 알림 목록 부분을 페이징 처리했더니 레이아웃이 썩 좋은 모양이 아닌 것 같아 하단에 더보기를 클릭하면 ajax통신을 통해 5개씩 추가로 불러오는 형태로 수정하기로 했다.

[Spring] Websocket / Sock js를 사용한 실시간 알림전송 기능 구현

2 minute read

프로젝트에 채팅기능을 구현시키기전에, 웹소켓을 이용하여 로그인 사용자에게 실시간 알림메시지를 보내는 기능을 구현했다.

[Spring/Servlet] 세션 트래킹 - 쿠키/세션 사용하기

1 minute read

프로젝트를 진행하다가 한번 정리해야할 것 같아서 세션 트래킹에 관련하여 간단하게 정리하려고한다.

[Spring] ckeditor를 사용한 간단한 공지게시판 만들기 - (5)페이징

2 minute read

시작하기 전에…

[Spring] REST API

3 minute read

REST

[Spring] ckeditor를 사용한 간단한 공지게시판 만들기 - (1)작업계획

1 minute read

비전공자 취준생의 입장에서, 모자라지만 스스로 (+구글링을 통해) 터득한 것들을 상세하게 정리해본다.

팀 프로젝트 진행상황을 기록하며

1 minute read

발등에 불 떨어졌다. 국비학원 웹 개발자 과정 수료일자가 한 달 남았다. 프로젝트도 완성해야되지만 그 사이에 블로그도 정리하고 취업준비도 해야 하는 상황.

Spring - Spring Framework와 Spring MVC

1 minute read

Spring Framework

Oracle SQL 활용

1 minute read

SQL 활용

데이터베이스 모델링

3 minute read

데이터 모델링의 이해

Oracle SQL - 데이터 그룹화, 테이블 조인, CASE WHEN

3 minute read

데이터 그룹화

Oracle SQL - 구문기초, SELECT, 데이터필터링

3 minute read

DB 컬럼 Data Type

javascript - window 객체, HTML DOM

2 minute read

1. Browser Object

[javascript] 호출 스택(Call Stack)

less than 1 minute read

호출 스택(Call Stack) 이란?

javascript - 함수

2 minute read

함수 (Function)

javascript - 형변환, String 메서드, Array 메서드

5 minute read

javascript 형(type)

CSS - Layout

less than 1 minute read

CSS 레이아웃

CSS - 개념, 선택자

4 minute read

CSS (Cascading Style Sheets)란, 브라우저에서 웹페이지의 외형을 결정하는 선언형 언어로, 선택한 요소에 CSS 스타일 선언을 적용해 화면에 표현한다. CSS는 보통 HTML 요소의 스타일을 결정하지만, SVG와 XML 등 다른 마크업 언어에도 사용할 수 있다....