[개발일지] 2024-09-24

[개발일지] 2024-08-28

[개발일지] 2024-08-23

[개발일지] 2024-08-22

[개발일지] 2024-08-19

[개발일지] 2024-08-16

[개발일지] 2024-08-13

[개발일지] 2024-08-12

[개발일지] 2024-07-31

[개발일지] 2024-07-30

[개발일지] 2024-07-29

React, Redux의 근본이 되는 ducks 패턴에 대해 알아보자

[React] Ducks Pattern 구조에 대해 알아보기

[Webpack] 강의내용 정리

크로스 사이트 스크립트의 취약성은 해커가 사용자 브라우저를 컨트롤 할 수 있게 하는 해킹 기법 중 하나 입니다. 브라우저 안에 있는 민감한 개인정보, 계좌정보, 휴대전화번호 등이 해킹당할 수 있습니다.

[WEB] 프론트엔드 기초(3) - XSS공격 개념과 React에서 대응 방법

웹개발을 1년 넘게 하면서 ajax, fetch API, Axios 라이브러리 등 HTTP 통신을 매번 사용했습니다만, 정작 그 구조에 대해서는 잘 모르고 있었습니다. 

[WEB] 프론트엔드 기초(1) - HTTP 통신구조에 대한 기본 개념

이전에 면접을 보다 들어온 질문 중 SPA, SSR의 차이점과 어떤 기준으로 구분해서 사용하는지 물어보는 질문이 있었습니다...

[WEB] 프론트엔드 기초(2) - SSR, SPA 장단점 및 차이점

프론트엔드 주니어 개발자로서 기본적으로 알아야할 것들, 또는 질문 들어올만한 개념들을 정리하려고한다.

[WEB] 프론트엔드 기술면접 대비 질문 정리

웹개발 중 기초적인 파트중에 하나이다. 하지만, 개발을 하면서...

[WEB] 시맨틱(Semantic) 웹, 시맨틱 태그에 대하여

먼저 css로 애니메이션을 일일이 매번 처리하려고하다 보니, 귀찮았다...

[React, Next.js] Next.js CORS 문제 해결

스프링은 DB에 대한접근을 가능하게 만든다...

[Spring] ORM(JPA, Hibernate), SQL Mapper, JDBC 개념 정리

스프링에 대한 개념이 부족해서 공부할 겸 정리하려고 한다...

[Spring Boot] 스프링 부터 기본 개념 정리

dataset은 읽기 전용 속성이다. HTML과 DOM 양측에서 제공한다.

[Javascript] dataset 속성 정리

자연수 n이 주어졌을 때, n의 다음 큰 숫자는 다음과 같이 정의 합니다.

[프로그래머스 레벨2] 다음 큰 숫자

[React] react에서 애니메이션 처리, react-spring

이번엔 `useCallback`이다. useMemo와 마찬가지로 메모이제이션 기법을 사용하여 성능을 최적화 시킨다...

[React hook] useCallback, 컴포넌트 성능 최적화

성능을 최적화하기 위한 hook, useMemo이다. 일반적으로 state가 변경될때 마다, re-rendering이 되는것을 알 수 있다...

[React hook] useMemo, 컴포넌트 성능 최적화

이번엔 `useRef`이다. DOM의 Focus를 제어할 때, ref라는 프로퍼티로 제어하기도 했다.

[React hook] useRef, 데이터 참조, 리렌더링 시 state변경 안되는 현상 해결

이번엔 useState에 이어서 `useEffect`에 대해 정리해보려고 한다.

[React hook] useEffect 기본 개념, 사용법

리액트를 `do it 리액트 프로그래밍`으로 시작했다. 근데 이건 hook에 대해 전혀 다루지 않아서 hook에 대한 개념 조차 알지 못했다.

[React hook] hook에 대한 정리, hook에서의 state관리 useState

이전 예제에서 데이터 컴포넌트가 리덕스 스토어를 불러오는, 그리고 리듀서를 dispatch하는 것 까지 해봤다.

[React] Redux hook으로 Redux 편하게 사용하기

앞서 리덕스에 대한 개념들을 정리하고, 액션, 리듀서의 사용법 그리고 실제 예제를 통해 액션, 리듀서를 구현시켰다.

[React] Redux, connect dispatch를 이용한 스토어 데이터 가져오기

리덕스는 크게 액션, 리듀서, 스토어 3개로 구분된다. 앞서 동작 원리를 알아봤으니, 실제 사용 방법을 다시한번 복기하자.

[React] Redux, 스토어에 데이터 저장하는 방법

리액트는 컴포넌트별로 구성되어있는 자바스크립트 기반 프레임워크입니다.

[React] Redux, 공용 데이터 저장소 개념

map 함수는 javascript에서 새로운 배열을 만드는 매우 유용한 함수이다.

[React] map함수를 활용한 리스트 컴포넌트 만들기

일반적으로 웹에서 로그인 API를 연동하기 위해 로그인 정보를 저장할 수단 및 방법이 필요하다.

[React] LocalStorage vs Cookie

리액트는 컴포넌트 별로 구성되어 있기 때문에 각 각 컴포넌트마다 상태값이 존재한다.

[React] React State, 컴포넌트의 상태 관리

JS에서는 얕은 복사, 깊은 복사 두가지로 나뉘는 방식으로 값 할당이 이뤄진다. 어떤건지 정리하고 넘어가자.

[Javascript] 깊은복사와 얕은복사의 차이점

리액트는 기본적으로 컴포넌트별로 동작한다.

[React] 컴포넌트 개념, props 데이터 전달방법

[React] 초기설정, JSX, 렌더링 및 기본 개념

Webview는 안드로이드에서 Web을 제어하기 위한 개념이다.

[Android] Webview와 Javascript 연동(Eclipse, Tomcat, Jquery)

AJAX( Asynchronous Javascript and XML )란, 자바스크립트와 XML을 `비동기`적으로 처리하는 기법을 말한다...

[jQuery] AJAX의 기초 / 사용 방법

Jquery는 selector를 빠르고 간편하게 참조할 수 있어 편리하다

[jQuery] 셀렉터 접근 방법, 클릭 이벤트(hide, show, toggle)

jquery에서 html 요소에 접근하는 방법이 있다. 요소에 대한 정보를 얻을 수도 있고(GET), 요소를 수정할 수도 있다(SET)...

[jQuery] HTML 요소 접근 방법, GET/SET

쓰레드는 작업(실행)의 단위이다. 어떤 프로세스가 자원을 할당 받고, 프로그램이 실행이 될 때...

[Android] 쓰레드 개념, 사용법, UI 처리

1부터 n까지 번호가 붙어있는 n명의 사람이 영어 끝말잇기를 하고 있습니다. 영어 끝말잇기는 다음과 같은 규칙으로 진행됩니다.

[프로그래머스] 영어 끝말잇기

선행 스킬이란 어떤 스킬을 배우기 전에 먼저 배워야 하는 스킬을 뜻합니다.

[프로그래머스] 스킬트리

한자리 숫자가 적힌 종이 조각이 흩어져있습니다. 흩어진 종이 조각을 붙여 소수를 몇 개 만들 수 있는지 알아내려 합니다.

[프로그래머스] 소수 찾기

프로그래머스 문제는 백준처럼 정형화 되어있지 않아 처음에 접근하기가 어렵다. 무엇보다 문제 이해가 잘안된다

[프로그래머스] 숫자의 표현

코루틴(Coroutine)을 말하기 전에 먼저 `루틴`에 대해서 알아야한다.

[Android] 코루틴 개념, 동작 원리

124 나라가 있습니다. 124 나라에서는 10진법이 아닌 다음과 같은 자신들만의 규칙으로 수를 표현합니다.

[프로그래머스] 124 나라의 숫자

앱 개발을 하다보면 token과 같이 데이터를 저장해야하는 상황이 닥칠 수 있다.

[Android] SharedPreferences, 앱 내부 데이터 저장

문자열 s는 한 개 이상의 단어로 구성되어 있습니다. 각 단어는 하나 이상의 공백문자로 구분되어 있습니다.

[프로그래머스] 이상한 문자 만들기

Retrofit2라이브러리는 안드로이드에서 RestAPI를 사용할 수 있게 하는 기능이다.

[Android] Retrofit2 GET 사용해서 데이터 조회

[백준] 2468 안전 영역

[백준] 10026 적록색약

[백준] 2583 영역 구하기

Activity와 AppCompatActivity의 차이점을 알아보기 전에 먼저 Context를 알아야한다.

[Android] Activity와 AppCompatActivity의 차이점

[백준] 9466 팀 프로젝트

게임 캐릭터를 4가지 명령어를 통해 움직이려 합니다. 명령어는 다음과 같습니다.

[프로그래머스] 방문 길이

Javascript(이하 "JS")에서 `var`는 일반적으로 모든 변수 타입을 받는다.

[Javascript] 변수선언 방식의 차이(const, var, let)

[백준] 11403 경로 찾기

snackbar는 앱 사용자에게 알림메세지, 경고창 등을 나타내게 하는 기능이다.

[Android] SnackBar의 개념, 사용법

차세대 영농인 한나는 강원도 고랭지에서 유기농 배추를 재배하기로 하였다...

[백준] 1012 유기농 배추

코레스코 콘도미니엄 8층은 학생들이 3끼의 식사를 해결하는 공간이다...

[백준] 1743 음식물 피하기

[백준] 2667 단지번호붙이기

[백준] 11724 연결 요소의 개수

N×M크기의 배열로 표현되는 미로가 있다...

[백준] 2178 미로 탐색(최소경로, BFS)

그래프를 DFS로 탐색한 결과와 BFS로 탐색한 결과를 출력하는 프로그램을 작성하시오...

[백준] 1260 DFS와 BFS

[백준] 2644 촌수계산

recyclerview는 ListView를 보완하기 위해 나온것이다.

[Android] RecyclerView의 개념 및 사용법

[백준] 2294 동전2

10,000 이하의 자연수로 이루어진 길이 N짜리 수열이 주어진다...

[백준] 1806 부분합

개의 정수로 이루어진 임의의 수열이 주어진다...

[백준] 1912 연속합

[백준] 2941 크로아티아 알파벳

[백준] 10809 알파벳 찾기

그룹 단어란 단어에 존재하는 모든 문자에 대해서, 각 문자가 연속해서 나타나는 경우만을 말한다...

[백준] 1316 그룹 단어 체커 (문자열)

[백준] 5622 다이얼

[한이음 코딩테스트] 문제 1

[한이음 코딩테스트] 문제 2

[한이음 코딩테스트] 문제 4

[백준] 2908 상수 (문자열)

0 또는 양의 정수가 주어졌을 때, 정수를 이어 붙여 만들 수 있는 가장 큰 수를 알아내 주세요.

[한이음 코딩테스트] 문제 4

[백준] 2908 상수 (문자열)

[프로그래머스] 가장 큰 수(C++)