본문 바로가기
728x90
728x90

분류 전체보기62

[Cinema 4D] 클라우드 스토리지 서비스 광고 제작 네이버에서 서비스하는 온라인 클라우드 스토리지 웹서비스에 대한 광고를 제작해보았습니다.전체적인 애니메이션 움직임의 흐름을 잡기 위해 만든 애니메틱 영상입니다. 사용 프로그램 : Cinema 4D , Octane , AfterEffect, PhotoShop , illutstrator제작 기간 : 2021.11.1 - 2021.11.21 2024. 5. 28.
[TypeScript] 타입스크립트 기본 타입 스크립트? JavaScript + Type JavaScript는 Dynamic Typing 이 가능하다 :10 - '5'원래는 숫자 - 숫자 만 가능하지만 JS가 알아서 숫자로 바꿔준다.코드가 길수록 자유도와 유연성이 높으면 좋지 않다 TypeScript에서는 타입을 엄격히 검사해준다. 따라서 에러로 뜬다. TypeScript 설치 1. node.js 최신버전 설치2. VSC 에디터 준비3. 터미널 npm install -g typescript  tsconfig.json 생성{ "compilerOptions": { "target": "ES5", "module": "CommonJS", }} "target"은 타입스크립트 파일을 어떤 버전의 자스로 바꿔줄지 정하는 부.. 2024. 4. 29.
[Three.js] 3D 그래픽 2년동안 모션그래픽을 배운적이 있는데 시네마 4D,AfterEffect로 3D 모델링과 영상제작을 경험했었다. https://long-backpackstrap.tistory.com/entry/%EC%A7%81%EC%A0%91-%EC%A0%9C%EC%9E%91%ED%95%9C-2D-%EB%AA%A8%EC%85%98%EA%B7%B8%EB%9E%98%ED%94%BD-%EC%B0%BD%EB%AC%B8-%EB%84%98%EC%96%B4-%EB%8F%84%EB%A7%9D%EC%B9%9C-100%EC%84%B8-%EB%85%B8%EC%9D%B8-%EC%8B%9C%ED%80%80%EC%8A%A4 [직접 제작한 2D 모션그래픽] 창문 넘어 도망친 100세 노인 시퀀스 제작 기간 : 2021년 11월 1일 ~ 2021년 .. 2024. 1. 25.
소수 판별하는 메서드 (프로그래머스 k진수에서 소수 개수 구하기) https://school.programmers.co.kr/learn/courses/30/lessons/92335# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제를 풀다보니 다 좋은데 하나가 시간초과가 나온다. 내가하는 소수판별 코드는 2부터 해당수-1 까지 나누어떨어지는 수가 있으면 소수가 아니라는 것인데 이걸 다 반복문으로 돌리자니 오래걸리나보다. 그렇다면 어떻게 하지.. 결국 찾아봤다. 해답은 Math.sqrt(num) 2부터 (int)Math.sqrt(num) 까지 포함해서 나누어 떨어지는 지 확인하고 나누어 떨어지지 않으면 소수이다. // .. 2023. 12. 27.
String.equals와 HashSet contains의 시간복잡도 비교 (프로그래머스 전화번호 목록) https://school.programmers.co.kr/learn/courses/30/lessons/42577 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr import java.util.HashSet; class Solution { public HashSet set = new HashSet(); public boolean solution(String[] phone_book) { boolean answer = true; for(String number : phone_book){ set.add(number); } for(int i=0;i 2023. 12. 27.
replaceAll() 정규식 훈련 [JAVA 알고리즘] https://school.programmers.co.kr/learn/courses/30/lessons/64065 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제를 풀면서 replaceAll에 대해 간단히 알게된 사실을 기록해보기로했다. replaceAll 아래처럼 문자열이 주어졌을 때 String s ="{{2},{2,1},{2,1,3},{2,1,3,4}}"; { 와 } 를 없애기 위해 replaceAll을 했는데 이 때 다른 문구와 달리 특수문구는 [] 사이에 적는걸 볼 수 있다. System.out.println("시작"+s.replaceAll(.. 2023. 12. 18.
Scope,호이스팅,this 이해하기 [Javascript] Scope "스코프(scope)"는 프로그래밍에서 변수 및 함수의 유효 범위를 나타내는 용어이다. 스코프는 코드 내에서 식별자(변수 또는 함수의 이름)에 대한 유효성을 제공하며, 변수 또는 함수가 어디서 접근 가능한지를 결정한다. 하위 스코프와 상위 스코프 접근 가능 여부 하위 스코프는 상위 스코프에 접근할 수 있지만 상위 스코프는 하위 스코프에 접근할 수 없다. 아래 두 코드로 비교해볼 수 있다. // 상위 스코프 var outerVar = "I'm in the outer scope"; function outerFunction() { // 하위 스코프 var innerVar = "I'm in the inner scope"; function innerFunction() { // 더 하위 스코프 var d.. 2023. 12. 15.
Styled Component의 성능향상 체험하기 1탄 [React][NFasT와 RealCart 프로젝트 회고] 싸피에서 프론트엔드 역할로 프로젝트를 진행하며 처음 react를 접했을 때는 inline 방식으로 style를 적용했다. Real Cart 프로젝트 : inline style 방식 NFasT 프로젝트 : styled-component 방식 그 때에는 style 적용방식에 대해 크게 신경을 쓰지 않았기에 html 코드 내에서 일일이 적어줘야했는데 나중으로 갈 수록 반복되는 컴포넌트의 style을 수정할 때 한번이 아닌 제각각 모두 일일이 수정을 해야하는 불편함을 겪었다. 이 때 style 적용방식에 대해 찾아보았고 style의 재사용성과 유지보수성을 높이는 styled-component에 대해 알 수 있었고 바로 다음 프로젝트 NFasT에서 적용해보았다. 찾아보니 inline style을 사용할 때에는 리.. 2023. 12. 14.
async와 await에 대해 이해하기 [Javascript][NFasT 프로젝트 회고] NFasT 프로젝트의 코드를 다시보는 중에 axios 통신을 하는 과정에서 쓰이는 async와 await를 어떻게 이해해야하는지 명확한 논리 구조가 이해하기 어려웠다. await라 하면 이 함수를 실행한 후 다음 순서의 함수를 실행하라는 것인데 비동기 함수를 왜 만들어야하며 그 속의 순서를 보장하는 await는 어떻게 사용해야하며 async 함수 외부의 함수들은 어떻게 이 순서에 기다려야하는 것인지 궁금했다. 그래서 async와 await에 대해 좀 더 명확히 이해하고자 사례를 공부해보기로 했다! async와 await async는 비동기를 의미한다. async는 function앞에 붙이고 그 함수는 promise 함수를 반환한다. await는 async가 붙여진 함수 안에서만 사용 가능하다. await.. 2023. 12. 13.
728x90
728x90

티스토리툴바