반응형
반응형
반응형

공부할 것들

• 크롬 인스펙터의 더 상세한 사용법
• ide 사용법
• test자동화
• await, async
• node, npm
• webpack, babel
• 스타일링과 css
• 구조와 아키텍쳐 - MVC, MVVM
• 타입스크립트 - 객체지향 적용
• 함수형과 객체지향형 --> 고민에 대한 해결, 감탄을 해보고 싶음
• controlled vs uncontrolled 의미와 차이는?
• useEffect 여러개 쓸때 불필요하게 api 중복요청함
(emulate 페이지 최초진입시 result api중복요청 why? how improve?)

당근마켓 면접질문
RDB특징 - transaction 구현 - redo, undo log이용
JVM구조 - outOf memory의 발생과정과 해결법
서버가 뻗는과정
RDB cluster성능이 더 안좋은 이유
Javascript와 java의 aync차이
Hibernate, jdbc차이
DB, 서버 1대인데 request가 1row만 접근하는 get post request가 계속 들어와서 뻗을때 어떻게 해결할까?

사이드 프로젝트 아이디어

 팀 구성원 업무 장표 자동생성
• 역할분담 추첨
• json응답구조 한번에 보여주는 UX
• ftp file 자동다운로드, 파싱, 검색

반응형
반응형

스타트업이 대기업에 비해 나았던 점
• frontend무시(외주 주면 되는 일, 외주를 주더라도 알고 주는 것과 모르고 주는 것 천지차이), 그로인한 무지, 특히나 모던자바에 대해 (장 단점 모두 존재) -> 가끔 리더참여 있으면 일이 더 복잡해지고 힘들어짐(리더가 일을 방해) -> 리더의 개발능력
• 어차피 지켜지지 못할 룰 설정 안하는 것- by 리더
• 비효율적 절차(agile의 오해, 스프린트, worklog), 대기업 특유의 절차? 주간보고(자유도는 아님..), 답답함을 느낌
• 보안간편(but 생각보다 큰 장점이 아님)
• 특허, 아이디어 챌린지 없음
• 제조회사 -> 좀 더 SW적인 회사(?)

비슷비슷한 점
• 일에 대한 관심/애정, 더 나은 것에 대한 진지한 고민?, but 일에 대한 얘기자체를 안함
• 대화없고 일방적...(모니터 선택부터도)
영어이름 왜 쓰는지 수평적이려면 정보공유도 더 많이 되고 함께 방향설정도 해나가야

스타트업이 대기업에 비해 더 안 좋았던 점
• 공유부족
• 공부/정리할 시간과 자유도 오히려 부족: 남의 코드를 보는 것 자체에 대한 시간 + 클래스형 익숙해지기, 환경적 변화(e,g gerrit>gitHub, jira차이..)

장점인지 단점인지 모르겠지만 아무튼 차이나는 점
• 혼자 back,front 다 하다가 frontend에만 집중할수 있었던 점

So?
• 신뢰를 바탕으로한 더 많은 자유/권한과 책임 -> 시간에 대한 자유 뿐 아니라 기술, 선택에 대한 자유
-> 잔소리는 소용이 없다, 변화에 대한 motivation이 내면에서 나와야함
맨땅에 헤딩, 삽질도 해보면서 부딪혔던 경험 -> 가장 성장
• 절차/프로세스가 없다?
- 업무 배경/로드맵 설명 더 자세히
- 전체 consensus를 바탕으로 한 가이드라인 공유(강제적 rule아님)
- 리더 업무 설명
- 리더의 역할: 방향설정 큰그림제시
* 업무시간 예상? 그게 가장 중요역량 중 하나? 압박용도구는 아닌지, 더 열심히 일하게 하는 도구? 접근방향부터 달라야한다고 생각

==> 결론은? 사람 (사람에 대한 이해와 배려, 존중, 애정-회사에 바라지는 않음, 동료,선후배, 리더)
결국 배움과 motivation은 사람으로부터.
거기에 대한 고민이 있는가?

==> 결론2 오래는 못다닐듯

반응형
반응형

댓글에 이미지추가하는 기능사용하고자 이리저리 검색해봤으나 방법을 찾기어려웠다.

그러다가  미넴스킨에서 댓글 이미지 추가 기능제공하는 것 발견,

그러나 스킨만 적용한다고 자동으로 되는 건 아니고

이미지 업로드 api를 사용하기 위해 clientId와 secret을 발급받아 등록을 해줘야만 한다.

https://sangminem.tistory.com/823

 

imgur.com 이미지 업로드 API 사용 방법

imgur.com에서 제공하는 API를 사용하면 내가 운영하는 블로그나 웹 사이트에 무료로 이미지를 첨부할 수 있는 기능을 만들 수 있습니다. 미넴 스킨 최신 버전에서 댓글 이미지 업로드 기능을 사용

sangminem.tistory.com

해서 댓글 이미지 기능은 잘 추가되었으나

모바일에서는 해당 스킨이 적용이 안되어서 이 부분도 설정에서 모바일 자동연결 설정을 해제해주어야 한다는 말을 듣고 실행 -> 그래도 안되길래 절망 ㅠㅠ 했으나 한참 뒤에 다시 해보니 되었다. 아마 뭔가 캐시가 있어 바로 스킨 반영이 안되었다 보다.

암튼 결론은 미넴스킨 적용으로 잘 해결됨~^^

 

 

https://apidocs.imgur.com/

Client ID:efce2a71a50cf04
Client secret:77f9711562230ebe8b4a7352e4fcf953295bcc53

반응형
반응형

https://blueshare.tistory.com/216

동적으로 움직이고 화면탑에서는 사라짐, 화면첫진입시 없다가 스크롤 내려면 생성 - 가장 이상적


https://smokyred.tistory.com/entry/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%EA%BE%B8%EB%AF%B8%EA%B8%B0-%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%A7%A8-%EC%9C%84-%EC%95%84%EB%9E%98%EB%A1%9C-%EC%8A%A4%ED%81%AC%EB%A1%A4-%ED%95%B4%EC%A3%BC%EB%8A%94-%EB%B2%84%ED%8A%BC-%EB%A7%8C%EB%93%A4%EA%B8%B0

맨위로 맨아래로 둘다 방법있음


위 두정보 참고해서 최종적용한 버젼: <body> 태그 제일 아래에 위치해야 함, 이거때문에 안되서 오래 삽질ㅠ

<script>
    $(function(){//맨위로 버튼 
        //$("#btnTop").hide();
        $(window).scroll(function(){
            if($(this).scrollTop() > 100){$("#btnTop").fadeIn();}
            else{$("#btnTop").fadeOut();}
        });
    });
    //var scrollBottom = $(document).height() - $(window).height() - $(window).scrollTop();
    $(function() {//맨아래로 버튼
      //$('#btnBottom').show();
			$(window).scroll(function(){
            if($(this).scrollTop() >= $(window).height()){$("#btnBottom").fadeOut();}
            else{$("#btnBottom").fadeIn();}
        });

      $("#btnBottom").click(function() {
        $('html, body').animate({
          scrollTop: $(document).height()
        }, 400);
        return false;
      });
    });
  
</script>
<a href="#" id="btnTop" style="display:none;position:fixed;bottom:130px;right:20px;z-index:9999" title="맨위로">
<img src="./images/ScrollToTop.png" width='50px' height='50px'/></a>
<a href="#" id="btnBottom" style="display:none;position:fixed;bottom:85px;right:20px;z-index:9999" title="맨위로">
<img src="./images/ScrollToBottom.png" width='50px' height='50px'/></a>
</body>

 


 

Book club 스킨에 있는 코드

이와 같이 footer에 고정되는 스타일, 스크롤함에 따라 동적으로 움직이지는 않음

<footer id="footer">
		<div class="inner">
			<a href="#" class="page-top">TOP</a>
		</div>
	</footer>
#footer .page-top {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	border: 1px solid #eee;
	border-radius: 50%;
	background: #fff url(./images/ico_package.png) no-repeat -100px -200px;
	text-indent: -999em;
}
#footer .page-top:focus,
#footer .page-top:hover {
	background-color: #757575;
	background-position-x: -150px;
}

/* Retina Display */
@media  only screen and (-webkit-min-device-pixel-ratio:1.5) {
	#header .util .search:before,
	#header .util .search button,
	#footer .page-top,
	.cover-thumbnail-3 button,
	.cover-thumbnail-4 button,
	.page-nav a strong:after,
	.entry-content .protected_form h2:before,
	.comment-list ul li .author-meta .control button,
	.comment-form .secret input[type=checkbox]:checked+label:before,
	.sidebar .social-channel ul li a,
	.sidebar .tab-ui h2 a:before {
		background-image: url(./images/ico_package_2x.png);
		background-size: 200px auto;
	}
	.post-item.protected .thum:before {
		background-image: url(./images/ico_package_2x.png);
		background-size: 120px auto;
	}
}
반응형
반응형

https://tistory.github.io/document-tistory-skin/common/global.html

글쓰기 관리 링크

<div class="widget search text-center" > <!-- 글쓰기 관리 -->
<!--<ul>-->
    <a href="https://symn.tistory.com/manage/entry/post"  style="color:#e9ecef;">글쓰기</a>
    <a href="https://symn.tistory.com/manage"  style="color:#e9ecef;">관리</a>
<!--</ul>-->
</div>

페이징

<div id="paging">
<s_paging>
    <a  class="prev ">
        PREV
        <span class="screen_out">
            이전
        </span>
    </a>
    <s_paging_rep><a class="numbox" ></a></s_paging_rep>
    <a  class="next ">
        NEXT
        <span class="screen_out">
            다음
        </span>
    </a>
</s_paging>
</div>

 

방문자수 (어제/오늘/총)

			<s_sidebar_element> <!-- Counter -->
			<div class="widget counter text-center">
				<span class="yesterday"></span> /
				<span class="today"></span> /
				<span class="total"></span>
			</div>
			</s_sidebar_element>

관련사이트 dropdown 메뉴 (footer에 주로 위치) 특정스킨에서만 정상동작

          <div class="box-site">
            <button type="button" data-toggle="xe-dropdown" aria-expanded="false">관련사이트</button>
            <ul>
              <s_link_rep>
                <li class="on"><a href="" target="_blank"></a></li>
              </s_link_rep>
            </ul>
          </div>

 

블로그 프로필 사진

<img src="https://tistory1.daumcdn.net/tistory/1720038/attach/5295283f906c45b89144b4b5da57c545" class="img-profile" alt="프로필사진">

 

블로그 설명

<p class="text-profile">개발, 컴퓨터, 기술,  IT,  관련하여 현업에서 겪은 일들, study, memo 등을 정리한 블로그입니다.</p>

 

카테고리

              <s_sidebar_element>
                  <!-- 카테고리 메뉴 -->
                  <div class="box-category box-category-2depth">
                    <nav>
                      

                    </nav>
                  </div>
              </s_sidebar_element>

 

태그

              <s_sidebar_element>
                <!-- 태그 -->
                <div class="box-tag">
                  <h3 class="title-sidebar">Tag</h3>
                  <div class="box_tag">
                    <s_random_tags>
                      <a href="" class="">,</a>
                    </s_random_tags>
                  </div>
                </div>
              </s_sidebar_element>

 

최근글과 인기글

              <s_sidebar_element>
                <!-- 최근글과 인기글-->
                <div class="box-recent">
                  <h3 class="title-sidebar blind">최근글과 인기글</h3>
                  <ul class="tab-recent">
                    <li class="tab-button recent_button on"><a class="tab-button" href="#" onclick="return false;">최근글</a></li>
                    <li class="tab-button sidebar_button"><a class="tab-button" href="#" onclick="return false;">인기글</a></li>
                  </ul>
                  <ul class="list-recent">
                    <s_rctps_rep>
                      <li>
                        <a href="" class="link-recent">
                          <s_rctps_rep_thumbnail>
                            <p class="thumbnail" style="background-image:url('')"></p>
                          </s_rctps_rep_thumbnail>
                          <div class="box-recent">
                            <strong></strong>
                            <span></span>
                          </div>
                        </a>
                      </li>
                    </s_rctps_rep>
                  </ul>

                  <ul class="list-recent list-tab" style="display: none">
                    <s_rctps_popular_rep>
                      <li>
                        <a href="" class="link-recent">
                          <s_rctps_rep_thumbnail>
                            <p class="thumbnail" style="background-image:url('')"></p>
                          </s_rctps_rep_thumbnail>
                          <div class="box-recent">
                            <strong></strong>
                            <span></span>
                          </div>
                        </a>
                      </li>
                    </s_rctps_popular_rep>
                  </ul>
                </div>
              </s_sidebar_element>

 

 

최근댓글

      <s_sidebar_element>
        <!-- 최근댓글 -->
        <div class="box-reply">
          <h3 class="title-sidebar">최근댓글</h3>
          <ul class="list-sidebar">
            <s_rctrp_rep>
              <li>
                <a href="" class="link-sidebar">
                  <strong></strong>
                  <p></p>
                </a>
              </li>
            </s_rctrp_rep>
          </ul>
        </div>
      </s_sidebar_element>

 

공지사항

  <s_sidebar_element>
    <!-- 공지사항 -->
    <s_rct_notice>
      <div class="box-notice">
        <h3 class="title-sidebar">공지사항</h3>
        <ul class="list-sidebar">
          <s_rct_notice_rep>
            <li><a href="" class="link-sidebar"></a></li>
          </s_rct_notice_rep>
        </ul>
      </div>
    </s_rct_notice>
  </s_sidebar_element>

 

페이스북 트위터 플러그인

<s_sidebar_element>
<!-- 페이스북 트위터 플러그인 -->
<div class="box-plugins">
  <h3 class="title-sidebar blind">페이스북 트위터 플러그인</h3>
  <ul class="tab-sns">
    <li class="tab-button item-facebook on"><a class="tab-button" href="#" onclick="return false;">Facebook</a></li>
    <li class="tab-button item-twitter"><a class="tab-button" href="#" onclick="return false;">Twitter</a></li>
  </ul>

  <div class="plugin-facebook">
    <div id="fb-root"></div>
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = '//connect.facebook.net/ko_KR/sdk.js#xfbml=1&version=v3.2&appId=360877073936113&autoLogAppEvents=1';
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
    <div class="fb-page" data-href="" data-tabs="timeline" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false"><blockquote cite="" class="fb-xfbml-parse-ignore"><a href=""></a></blockquote>
    </div>
  </div>

  <div class="plugin-twitter" style="display: none;">
    <a class="twitter-timeline" href=""></a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  </div>
</div>
</s_sidebar_element>

글보관함

<s_sidebar_element>
<!-- 글 보관함 -->
<div class="box-archive">
  <h3 class="title-sidebar">Archives</h3>
  <ul class="list-sidebar">
    <s_archive_rep>
      <li><a href="" class="link-sidebar"></a></li>
    </s_archive_rep>
  </ul>
</div>
</s_sidebar_element>

달력 모듈

<s_sidebar_element>
<!-- 달력 모듈-->
<div class="box-calendar">
  <h3 class="title-sidebar"><span class="blind">Calendar</span></h3>
  <div class="inner-calendar">
«   2024/07   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
</div> </div> </s_sidebar_element>
반응형
반응형

꽤 고사양을 필요로 하는 것 같은데 램은 최소 8G, 권장 16G, 그래픽 카드도 좀 사양이 좋은 것을 써야 버벅이지 않고 잘 돌아가는 것 같다

내 노트북은 램 8G에 산지 한 5년은 넘었는데 ㅠㅠ 

그래서인지 아래와 같은 오류 발생

일단은 무시하고 넘어갔고 기초적인 컷 편집이랑 자막달기 까지하고 영상을 완성하니 이상하게 다음과 같이 색이 반전되어 있었다

그냥 피씨나 폰에서 실행될때는 색이 정상이었는데 프리미어로 재생하면 이렇게 색반전이 되고 결과물로 나온 동영상은 피씨에서도 반전이 되어 있다. 다른 동영상도 다 마찬가지..

혹시 위 드라이버 관련 에러때문인건지 ㅠ

처음에는 편집 결과물만 색반전된 것인줄 알고 관련 검색을 해봤는데 색반전보다는 영상의 색감이 원본과 다른 문제들만이 무더기로 검색되었다. 결과물의 문제가 아니라 프로그램 자체가 동영산 원본을 제대로 재생하지 못하는 것 같아 프로그램의 오류라기 보다 내 환경 설정의 문제인 것 같았고 위에 넘겼던 compatibility오류를 일단 해결해보기로 했다

Premiere Pro support for older Intel graphic cards (adobe.com)

Intel® Driver & Support Assistant

친절하게도 해결방법으로 위 링크가 제시되었고 결국은 드라이버 재설치로 해결이 되었다! 만세~! 감사합니다~~~

한번에 바로 성공한 것은 아니고 처음 재설치를 하고 바로 재부팅을 안하고 나중에 했더니 문제가 여전히 발생했다.

혹시 몰라서 차분하게 다시 한번 재설치해보고 다른 작업 안하고 재부팅까지 쭉 진행하고 하니 드디어 성공하였다! 만세

반응형

'etc' 카테고리의 다른 글

티스토리 맨위로 맨아래로 버튼 생성  (0) 2023.06.06
tistory skin 편집  (0) 2023.06.06
자기소개  (2) 2022.09.16
잘 짜여진 코드란  (0) 2022.09.13
504 gateway time-out 에러 해결방법  (0) 2022.09.08
반응형

JOB

  • 학사: 컴공
  • 석사: 암호학
    • 암호학 공부해본 소감
      • 공부는 나의 길이 아니었음
      • 수학 좋아하는 줄 그동안 착각하고 있었음(내가 아는 수학은 수학이 아니었던듯, 암호학에서 다루는 수학은 대수, 정수론 기반이라 미/적분, 해석학이랑 또 다르고 거의 철학…?)
  • 경력
    • 스마트티비 개발
      • EPG 관련 DB, batch작업
        • EPG: Electronic Program Guide,편성표, DTV 표준 
        •  
      • 스마트 TV 앱 잠시
        • Google, Amazon 알렉사 스피커 연동용
        • webOS: 커널은 linux, 웹기반이라 앱만드는데 js 사용
      • 인터넷 채널 서비스 개발
        • 프로그램 편성용 portal 개발
        • spring-boot, mysql, react써봄
    • java, WAS, RDB
    • 참고사항
      • schedule관리
         

좋아하는것, 관심사, 성향

  • 자연
    • 환경, 지속가능성, 미니멀라이프, 제로웨이스트 (요즘 각종재해와 쓰레기를 보면 진심 걱정됨)
    • 아웃도어 운동
       
  • 운동
    • 모토: 유산소와 무산소는 균형있게
      • 주종목: 러닝 트레일러닝 헬스
      • 부종목, 그외: 등산
      • 해보고 싶은 것: 보드
      • 개인적 추천조합: 러닝(유산소, 심폐지구력, 하체)+클라이밍(근력, 상체)
      • 허리디스크 환자용 추천: 러닝 걷기(상태심할경우)
  • 인테리어, 정리정돈
    • 신박한 정리 프로그램
  • 위키
    • 집단지성의 힘
  • Git, Linux, 리눅스토발즈, 오픈소스
  • 유튜브, 구글, 웹, React
  • 귀차니즘
    • 개발자에게 필요한 덕목은?
    • 인내심,끈기,호기심…
    • 게으름이요구조짜는것도 유지보수도 월급도 편하게 받을 생각을, 끊임없이 고민하고 연구해야합니다.(참고:
      OKKY - 개발자에게 필요한 덕목은 뭐라고 생각하시나요? ) → 본질에 더 집중하기 위한 도구
    • 더 편해질 생각을 해야 합니다.

 

반응형
반응형

1. 변경이 쉽다. 

ㅡ 변경함에 있어서 해당요소의 경계가 명확하다.

ㅡ 변경함에 있어서 주변소스의 변경은 제로화한다. 

 

2. 반복이 없다

ㅡ 반복되는 부분을 하나로 만든다.

 

3. 이름짓기를 잘한다.

ㅡ 추상층이 높아 질 수록 보편적으로 사용하는 키워드를 사용하며, 가급적 GoF패턴의 명칭들은 그 의도와 비슷한 경우에만 사용. (자바쪽에 특히 오용된것들이 많습니다 )

 

4. 해당언어의 이디엄과 추구하는 방향에 맞춰 코딩한다.

ㅡ 예를들어 자바 코드짜는데 C처럼 짜면안되겠죠. 마찬가지로 코틀린 코드 짜는데 자바처럼 짜면 후지다라는 느낌이 듭니다.

 

5. 팀이 정한 컨벤션에 일치한다.

ㅡ 예외처리(가까이서 처리? 멀리서 처리? 등)나 로깅의 경우 답이 없기 때문에 일치화가 중요

ㅡ 탭사용규정,줄바꿈규정 등등

 

6. 바퀴를 재발명하지 않는다.

ㅡ 이미 잘 짜여진 기술이 있고, 변경 필요가 없다면 있는것을 사용해서 의사소통 비용줄임. 예를 들어 JVM에서 프록시 패턴을 굳이 스스로 만들기 보단 다이나믹 프록시 사용. 스프링지원기술들 사용

물론 발명할 필요성은 추후에 검토 합니다. C++의 STL이나 자바의 컬렉션이나 보편적 성능일뿐이지 특정상황에선 엄청느리니까요

 

7. 후임자가 큰 실수 할 여지를 줄인다

ㅡ 제약 상황을 많이 만들어 넣어서 후임자가  잘못하면 가급적 컴파일 타이밍에 에러를 내게 합니다.

8.추상화가 잘 된 코드 (오버엔지니어링 이슈가 있음)


9.잘 알려진 패턴이 잘 적용된 코드


10. 시대흐름에 맞는 코드 

ㅡ 모던C++, 모던자바


11.테스트 친화적 코드




이런것들이 잘 녹여진 코드를 보면 감동이 있죠.

 

https://okky.kr/articles/1221074?note=2779512에서 서 퍼온글

반응형

'etc' 카테고리의 다른 글

[영상편집]프리미어 프로 - system compatibility report  (0) 2023.05.02
자기소개  (2) 2022.09.16
504 gateway time-out 에러 해결방법  (0) 2022.09.08
proxy/reverse proxy, web server, load balancer 개념  (0) 2022.09.08
character encoding  (0) 2022.07.11
반응형

서버에서 발생시키는 time-out 에러

반응형

'etc' 카테고리의 다른 글

자기소개  (2) 2022.09.16
잘 짜여진 코드란  (0) 2022.09.13
proxy/reverse proxy, web server, load balancer 개념  (0) 2022.09.08
character encoding  (0) 2022.07.11
app-ads.txt  (0) 2022.05.04

+ Recent posts