뭘 배웠지?

JSP에서 기억하고 싶은 내용 JSP 2강은 개발환경세팅으로 패스 JSP 동적으로 웹 컨텐츠를 만들기 위한 기술 서버측 스크립트 언어 HTML 페이지 안에 자바 코드를 포함 서블릿 코드보다 편리한 방법 JSP 문서 템플릿 데이터 응답 결과를 그대로 출력 HTML, XML 형식의 텍스트 JSP 요소 동적 데이터 추가 JSP 태그로 표현되는 프로그래밍적 요소 JAVA 코드로 번역되서 동적 컨테츠 만든다 구성요소 스크립트 요소 지시어 액션 태그 내장 객체 표현언어 JSTL과 사용자 저으이 태그 주석 ... 스크립트 요소 스크립트릿(Scriptlet) Java 코드 조각 표현식 변수나 수식의 값 출력 String으로 반환됨 선언 변수 또는 메서드 선언 지시어 JSP 페이지의 번역과 실행 과정에 사용되는 정보 설..

클라우드 컴퓨팅에서 기억하고 싶은 내용 온프레미스(On-Premise) 클라우드 컴퓨팅 기술 나오기 전의 인프라 구축 방식 데이터 센터에 하드웨어, 소프트웨어 자체적으로 설비 보유 온프레미스 구축 단계 1. 요구기능수집 2. 설계: 리로스 처리량 추청, 추가 리소스 확보 3. 조달: 리소스별 벤더사 선정 및 협상 4. 구축: 기업내 기술력이 있는 인적 자원이 구축 5. 운영: 관리 및 모니터링 수 개월에서 1년까지도 걸린다 시스템 구축 및 운영 비용 직접 비용(Hard Cost): 장비 구입, 외주 비용 간접 비용(Soft Cost): 장비를 사용하기 위한 교육 비용, 기회 비용 온프레미스 요구량의 부자유 장사가 잘 되서 사용자가 늘어나면 리소스 결핍이 생긴다 결핍을 없애고자 서버를 늘리는데 직접 비용,..

클라우드 컴퓨팅에서 기억하고 싶은 내용 클라우드 컴퓨팅 특징 클라우드 사업자에 의해 서비스를 렌탈 형태로 사용 확장성과 유연성 컴퓨팅 자원을 확대/축소 가능 즉시성과 가용성 바로 사용할 수 있다 Pay as you go 사용한 만큼 지불 프로비저닝(Provisioning) 클라우드에서 중요한 기술 사용자가 원하는 만큼으로 패키징 하는 기술 패키징 예시) 모니터링, 콘텐츠, 소통, 회계, 신원, 데이터베이스 등 등장 배경 1. 메인프레임: 서버와 클라이언트 한 몸 2. PC 대중화: 클라이언트 서버 분리 3. 그리드 컴퓨팅: 네트워크 대중화 4. 클라우드 컴퓨팅: 유틸리티 컴퓨팅 대중화 서버의 유후 리소스 기존의 서버에 노는 리소스가 많았다 이 리소스를 공유해서 사용률을 높이는 클라우드 컴퓨팅 하드웨어, ..

JSP에서 기억하고 싶은 내용 웹 웹 브라우저를 이용해서 하이퍼텍스트를 볼 수 있다 HTML로 표현되고 HTTP 프로토콜을 사용해서 전송된다 정적 vs 동적 문서 정적 웹 문서 서버가 동일한 문서를 전달해주는 것 동적 웹문서 문서안에 프로그래밍적인 요소가 있다 JSP 서버측 동적 웹문서를 작성한다 웹 어플리케이션 구성요소 1. 웹브라우저 : 웹 서버에 요청하고 결과 출력 2. 웹 서버 : 요청을 처리하고 결과를 클라이언트에 보낸다 3. 웹 어플리케이션 서버(WAS) : 동적인 프로그래밍을 처리하는 서버 : JSP 프로그램 실행하고 결과를 웹 서버로 전달 4. 데이터베이스 : 데이터 저장 컴파일 | 비컴파일 방식 컴파일 방식 컴파일을 해서 실행 파일이나, 바이트 코드가 만들어져 사용된다 Java 서블릿, ..

조직행위론에 대해 기억하고 싶은 내용 어둠의 세 축(Dark triad) 이 세 개는 없는 것이 좋다 마키아벨리즘 결과를 목적으로 어떤 수단과 방법도 다 허용된다고 믿는 정도 개인/조직의 성공을 위해서는 어떤 것도 할 수 있다 나르시시즘 극단적인 자존감이 높은 경우 나만 소중하고, 나만 중요하다 사이코패스 다른 사람이 안중에 전혀 없다 남은 해치는 짓에도 전혀 죄책감을 느끼지도 후회도 하지 않는다 있는게 좋은 축 자기 감시 능력 변화는 환경에 맞추는 능력이 강함 세일즈, 협상도 잘함 리더의 역할을 맡는다 장점: 어디가서든 잘 적응 단점: 조직몰입도가 낮다(어디가서든 잘하니까) 타입 A vs 타입 B A ambition, aggressive 참을성이 적은 사람? B A가 아닌 사람들이 타입 B 느긋한 성격..

일지 2022년 8월 1주차 앤트 디자인 Select 커스터마이징 현재 프로젝트에 앤트 디자인(Ant Design)이 적용되어 있어 수정/추가를 하려면 사용법을 알아야한다. 이런 저런 디자인이 대응되어 있는 리액트 컴포넌트 라이브러리지만, 요구사항이 그 한계를 넘는 것들이 있다. 예를 들면 Antd의 Select 컴포넌트 border-radius를 바꾸는 것 이 예시와 함께 조금의 설명을 섞어서 포스트 작성했다! https://forgottenknowledge.tistory.com/entry/Ant-Design-Select-컴포넌트-커스터마이징-feat-emotion Ant Design :: Select 컴포넌트 커스터마이징 feat. emotion 앤트 디자인(Ant Design) 사용하며 배운 점 A..

JavaScript로 간단한 3D 게임을 만들며 배운 점 저번 포스트에서 기획을 위주로 알아봤고, 이번주에는 참고자료를 보며 주요 기능을 파악하고 구현을 해봤습니다. 주요 내용 3D 게임을 만들기 위한 필요한 내용 다음과 같이 추려봤습니다. 1. 맵과 캐릭터 그리기 2. 키보드 이벤트(이동, 점프) 3. 충돌 이벤트(벽, 코인) 3D 렌더링 세팅 3D 렌더링 세팅 완성본 👇 맵을 만들기 전에 3D를 렌더링 할 화면을 구성합니다. HTML로 구조 구성 index.html viewport 3D 렌더링을 감싸주는 TV같은 녀석 camera 상하좌우 카메라 위치 scene 3D 렌더링이 될 장소 floor 렌더링 될 맵, 히어로의 시작 장소 CSS로 3D 변환 3D를 만들어 주는 부분은 CSS가 담당합니다. 그..

안전한 이메일 템플릿 만들며 배운 점 이메일 UI를 바꾸기 위해 자주 사용하는 태그와 CSS 스타일을 사용해서 변경 했는데, 스타일이 전부 깨져서 나오는 것을 확인했습니다. 이 글은 수 많은 이메일 클라이언트에서 깨지지 않는 ‘안전한 이메일 템플릿’을 만들기 위해 작성했습니다. 시작 전 인상 깊었던 말 여러 러페런스를 찾아보다가 인상 깊은 문단이 있었습니다. "웹 개발에 익숙하다면, 알고 있는 것을 전부 잊어라. 가장 큰 장애물은 '보통' 웹 개발처럼 작동한다고 예상하는 것이다." If you are already familiar with web development, forget everything you know about it. The single biggest obstacle to you is ..

앤트 디자인(Ant Design) 사용하며 배운 점 Ant Design 커스터마이징이 왜 필요하지? 리액트를 위한 UI 라이브러리인 앤트 디자인에서, 이미 여러 디자인을 위한 컴포넌트 라이브러리를 제공하지만 원하는 요구 사항을 지원하지 않는 경우도 있다 예를 들면 Select 컴포넌트 경우 border-radius를 변경할 수 없다 테마를 커스터마이징도 있다고 공식 홈페이지에서 말하지만 복잡해 보인다 원하는 것은 그저 Select에 border-radius를 주고 싶을 뿐! 구원자 Styled Components 스타일드 컴포넌트(Styled Componets)와 함께라면 할 수 있다! 간단히 말해 컴포넌트를 CSS에 붙이는 것이고, 대표적으로 emotion 혹은 styled-component가 있다. ..

일지 2022년 7월 5주차 이번주는? 3D 게임 만들기 테스트 코드 3D 게임을 만들자 이번에도 JS13kb에 참가한다. 주말 프로젝트가 될 것이고, 3D 게임을 도전한다. 이번 대회에서 해보고 싶은 것들은 이렇다 작년까지 목표는 결과물을 만드는 것이었다면, 이번에는 티셔츠를 받는 것이 목표 - 3D 스무스 렌더링 - webpack 초기 설정 - 저용량 3D 게임 엔진 사용 중요한 것은 부드러운 움직임! 테스트 코드 현재 맡는 프로젝트가 TDD 방식으로 만들어졌다고 한다 거의 모든 컴포넌트, 페이지, 파일에 테스트 코드가 작성되어 있고, 테스트 커버리지도 70으로 되어있다(이 밑으로 내려가면 빌드 안된다) 요구사항에 맞춰서, 기능 기능 추가/변경을 하는데 시간을 쓰고, 그에 따라 바뀌는 테스트 코드를 ..