반응형

DROPDOWNS

https://www.syncfusion.com/react-components/react-combobox

 

<!--td {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}-->

  선택화살표 노출여부 자유입력 가능여부 필터링(검색) 가능여부
AutoComplete x o o
ListBox x x ?
ComboBox o o o
Dropdown List o x o
MultiSelect Dropdown o x o
Dropdown Tree o x o
Mention x o o
반응형
반응형

공부할 것들

• 크롬 인스펙터의 더 상세한 사용법
• 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/10   »
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
반응형

여러가지 기록정리를 위해 tistory를 쓰고자 결정

but 네이버 웨일 듀얼화면으로 tistory를 반쪼개서 사용하니 새글쓰기 아이콘이 나오지 않는 것이다

아마도 스킨이 반응형 디자인이라 해상도가 줄면 메뉴버튼이 안나오는 것 같다

처음엔 그냥 대충 쓰고자 했으나 새글을 쓰기 위해 계속 화면크기 조정하자니 너무 답답하고 불편

결국 반잘려도 새글쓰기 바로 클릭을 하기 위해 온갖 방법 찾기 시작함

처음에는 메뉴바(메뉴바란 새글쓰기, 설정 링크가 나오는 동그란 T자 버튼이더라 동그라민데 왜 바로 이름 지었음?)

위치 설정 바꾸면 될줄 알았으나 안되었고

스킨타입을 바꿈으로서 해결함 - 전체 디자인 바꼈지만 어쩔수 엄지모, 이걸로 만족...

하는 줄 알았으나;

쓰다보니 변경한 스킨이 또 불편,

목록이 제목+내용과 함께 나와서 스크롤이 길어져서 불편하더라

이건 순전히 개인취향이지만 나는 짧은 스크롤로 간단히 모든 걸 한눈에 조망하는 것을 좋아하고

화면이 조금이라도 너저분해 보이면 적응이 안되므로 결국 이것을 해결하려고 또 다른 스킨 마구 뒤지기 시작

뒤지고 뒤지다가 결국 찾지 못하고 원래 첫 버젼 스킨으로 회귀,

그리고는 새글쓰기 링크는 내가 직접 html편집해서 넣어주기로,,

새글쓰기 기능이 있는 다른 스킨의 구현을 참고해서 결국 성공함!!!!!!!!!!!!!!!!!! 감사합니다!!!!!!!!!

아이콘까지 예쁘게 해주고 싶었으나 이리저리 해봐도 안되서 이것까진 그냥 포기

<ul class="list_control">
	<li><a href="https://prheart.tistory.com/manage/entry/post" class="ico_skin link_write" title="글쓰기">글쓰기</a></li>
	<li><a href="https://prheart.tistory.com/guestbook" class="ico_skin link_memo" title="방명록">방명록</a></li>
	<li><a href="https://prheart.tistory.com/rss" class="ico_skin link_rss" title="RSS">RSS</a></li>
	<li><a href="https://prheart.tistory.com/manage" class="ico_skin link_manage" title="관리">관리</a></li>
</ul>

기존 스킨은 아이콘을 이렇게 썼길래 icon-wirte이런거로 글쓰기 아이콘 나오려나 해봤으나 안됨;
<i class="icon-unlock-alt"></i>

 

그리고 또 감사한 소식!

광고설정이 그리도 안되던 티스토리에 드뎌 광고가 붙었다!

이제 더 관심을 가지고 블로그를 가꾸어 보아야 겠다


그리고 하는 김에 prev-next 버튼이 너무 아래 있어 불편해서 위에도 나오도록 아래 소스를 복사해서 위에 추가

<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>

 

반응형
반응형

* 컨테이너 기반 가상화 도구

* 리눅스 기반 경량화 컨테이너

* 오픈소스 컨테이너 프로젝트

* 컨테이너 분야에서 사실상 표준

 

서비스 운영환경(서버 프로그램, 소스코드, 컴파일된 바이너리)를 쉽게 관리하기 위한 도구?

 

도커를 쓰면 좋은 점 - https://www.44bits.io/ko/post/why-should-i-use-docker-container

참고 강의자료-https://pyrasis.com/jHLsAlwaysUpToDateDocker/Unit01/02

반응형
반응형

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 - 개발자에게 필요한 덕목은 뭐라고 생각하시나요? ) → 본질에 더 집중하기 위한 도구
    • 더 편해질 생각을 해야 합니다.

 

반응형

+ Recent posts