본문 바로가기
반응형

전체 글233

프론트엔드(Front-end)의 정의와 프론트 엔드 개발자 이번 글에서는 프론트 엔드 개발자가 무엇인지에 대하여 다루기 위해서 프론트 엔드의 정의를 다룬 뒤에, 프론트 엔드 개발자가 어떠한 일을 하는지에 대하여 다루겠습니다. # 프론트엔드(front-end)의 정의 프론트 엔드(front-end)는 사용자와 시스템 간의 직접적인 접속되는 입력 부문 또는 데이터 처리 시스템의 시작점을 말합니다. 사용자 인터페이스 전단 처리기, 트랜잭션 모니터 등을 예로 들 수 있으며, 반댓말로는 백엔드(back-end)가 있습니다. 백엔드는 주로 데이터 베이스와 같이 시스템의 후면에서 시스템을 지원하는 부분을 칭합니다. 전단 처리기 : 메인 프레임의 네트워크 기능을 전담 처리하는 소형 컴퓨터 트랜잭션 모니터 : 컴퓨터의 자원과 컴퓨터 수행 기간을 효율적으로 사용하기 위해 여러개의.. 2022. 8. 12.
자바 스크립트 label, continue, break 이번 글에서는 자바 스크립트에서 루프를 제어하는 제어문인 label, continue, break 문법에 대하여 다루겠습니다. # 반복문의 루프 제어 일반적으로 표현식의 검사를 통해 루프로 진입하면 다음 표현식을 검사하기 전까지 루프 안에 있는 모든 실행문을 실행합니다. 하지만 continue 문과 break 문은 이러한 일반적인 루프의 흐름을 사용자가 직접 제어 할 수 있게 해줍니다. 여기서 앞선 두 제어문의 뒤에 label 문을 사용하면 continue문과 break 문의 동작이 프로그램의 흐름을 특정 영역으로 이동시킬 수 있습니다. 루프 : 프로그램 중에서 어떤 조건이 만족되고 있는 동안 또는 종료 조건이 성립할 때까지 반복 실행되는 명령의 집합, 즉 루틴 # label 문 (1) label 문 사.. 2022. 8. 10.
상승 캔들 패턴의 종류와 분석 이번 글에서는 상승의 가능성을 보여주는 2캔들 패턴 중에서 상승 장악형 / 상승 관통형 / 상승 반전형 / 상승 잉태형 캔들에 대하여 다루겠습니다. # 상승 장악형 패턴의 형태와 의미 (1) 형태 전일 음봉의 몸통을 완전히 감싸는 형태의 장대 양봉 (2) 상승 장악형 패턴의 의미 상승 장악형 패턴의 가장 큰 특징은 전일 형성된 몸통보다 다음날 형성된 몸통이 거대하다는 것입니다. 오늘 바라보는 상승 캔들 패턴 중에서 가장 힘이 강력한 캔들 패턴으로 양봉의 몸통이 크면 클수록 새로운 추세의 에너지가 강하다고 바라봅니다. 양봉의 길이가 길면 길수록, 거래량이 거대하면 거대할수록 의미가 강해집니다. # 상승 관통형 패턴의 형태와 의미 (1) 형태 전일 음봉의 절반, 50% 구간을 돌파해서 마감되는 형태 (2) .. 2022. 8. 5.
자바 스크립트 else 문 # else 문의 작동방식과 예문 (1) else문 작동 방식 if 문과 같이 사용할 수 있는 else 문은 if 문의 표현식 결과가 거짓일 때 주어진 실행문을 실행합니다. if문 만을 사용한 조건문에서는 참일 경우에 출력값만을 설정할 수 있지만, else를 사용한 조건문에서는 거짓일 경우의 출력 값 또한 결정할 수 있는 것입니다. (2) else문 예문 var x = 3, y= 4 if(x==y){ console.log( x와 y는 같은 수입니다.) } else { console.log(x와 y는 다른 수입니다.) } ----> 결괏값 : x와 y는 다른 수입니다. 2022. 8. 5.
사이드바 카테고리 크기 및 여백 이번 글에서는 카테고리를 두 곳에 배치하였을 때에 생기는 크기 및 여백의 가독성 저해 문제를 해결하기 위하여 조정하는 방법에 대하여 다루겠습니다. # 가독성 저해 문제 먼저, 아래의 상황에 대하여 먼저 소개드리겠습니다. 아래 블로그는 PC 화면에서의 카테고리의 위치와 모바일 화면에서의 카테고리의 위치가 상이하게 설정되어 있는 블로그입니다. 위와 아래처럼 카테고리의 위치를 바꾸는 것은 모바일 화면에서의 가독성을 올려줄 수 있습니다. 하지만, 아래 사진을 보시면 아시다시피 새로 설정한 카테고리에 CSS가 설정이 안되어있기 때문에, 가독성이 떨어지는 문제가 있으며 상위 카테고리와 하위 카테고리의 구별이 없습니다. # 가독성 문제 해결 방법 아래 사진과 코드 블럭은 글자의 크기와 좌측 여백을 조정하는 CSS 입.. 2022. 8. 3.
티스토리 카테고리 리스트 양식 변경하기 이번 글에서는 티스토리를 사용하시는 블로거들이 카테고리의 리스트 양식을 변경하는 방법에 대하여 다루겠습니다. # 카테고리 양식의 변경 필요성 아래 사진은 북클럽 스킨을 사용하는 블로그의 초기설정입니다. 카테고리를 클릭해서 들어가면 아래와 같은 상태의 블로그를 마주합니다. 여기서, 문제가 발생합니다. 위 사진에 예시를 든 블로그는 사진을 사용하지 않는 블로그로 오직 '정보'만을 다룹니다. 따라서, 북클럽 리스트 양식처럼 콘텐츠 내부에 포함되어 있는 사진을 보여줄 필요가 없습니다. 오직 글의 제목과 내용만이 콘텐츠의 가치를 결정하기 때문입니다. 위와 같이 북클럽 양식을 사용하면 오히려 난잡해보이며 한번에 많은 정보를 전달하지 못하기 때문에 페이지 이탈율이 늘어날것입니다. # 카테고리 양식 변경 방법 (1) .. 2022. 8. 3.
반응형

티스토리툴바